управление на непрозрачност на jQuery div - jquery

Имам проблеми с това jQuery да работи. Аз се опитвам да превключвам надплатени divs видимост.Има пет divs и един има класа на "на" с натоварване страница, докато останалите имат класа "off" .Въпреки това, когато кодът се изпълнява, "on" div избледнява но div, че трябва да получи клас "на" не се появява. Какъв е проблемът?

.on{opacity:1;}
.off{opacity:0;)

$("li.tunes").click(
function() {
$("div.on").animate({"opacity":"0"},800).removeClass("on").addClass("off", function()     {
$("div.tunesdiv").removeClass("off").addClass("on")
})
});

Отговори:

Синтаксисът ви е доста излишен, а ти липсва няколко полу-colonons.Опитайте нещо по-скоро като:

$("li.tunes").click(function(){
$("div.on").animate({"opacity":"0"},800).removeClass("on").addClass("off", function(){
$("div.tunesdiv").removeClass("off").addClass("on");
});
});

Също така е добре, ако сте предоставили източника, колкото го имате.

Можете да използвате jQuery fadeIn ( код ) и fadeOut ( код ), за да оживите непрозрачността си.
Предаването на тази задача на jQuery също ви помага при поддържането на по-стари IE версии, които не поддържат opacity CSS атрибут.

Този втори функционален параметър в addClass изглежда абсолютно погрешен за мен, вместо това трябва да използвате манипулатор във функцията за анимиране.

Ето кода, който ви препоръчвам (.fadeTo () оживява непрозрачността и тук е по-четлив)

Опитайте тази:

също защото fadeTo () ще даде на вашия елемент експлицитен стил, който трябва да забравите за стиловите листове и оставете скрипта си да изключи непрозрачността:

$("li.off").fadeTo(1, 0);
$("li.on").fadeTo(1, 1);
$("li.tunes").click(function() {
$("div.on").fadeTo(800, 0, function() {
$(this).removeClass("on").addClass("off");
$("div.tunesdiv").fadeTo(1, 1).addClass("on").removeClass("off");
});
});