JQuery add/remove Класс с fadeIn/Out

Я бы применил эффект fadeIn к функции addClass.. и fadeOut для удаленияClass...

Можете ли вы мне помочь?

Это мой код

$('#loader'+idTurno).addClass('loader');

...

$('#loader'+idTurno).removeClass('loader');

Ответы

Ответ 1

Fade In:

$("#loader").fadeIn("slow", function() {
    $(this).addClass("loader");
});

Fade Out:

$("#loader").fadeOut("slow", function() {
    $(this).removeClass("loader");
});

Как сказал другой пользователь, вы можете захотеть изучить toggleClass.

Ответ 2

Еще один способ добиться этого, используя исходный код jQuery, способ CSS:

#loader {
  transition: opacity 500 ease-in-out;
}

Более плавная анимация, удобство в обслуживании.

Ответ 3

#loader {
  transition: all 0.9s ease-out 0s;
}

Ответ 4

Сделайте это простым:

$('#loader'+idTurno).addClass('loader').fadeIn(1000);
$('#loader'+idTurno).removeClass('loader').fadeIn(1000);

Ответ 5

Вы должны добавить продолжительность к методу remove/addClass:

$('#loader'+idTurno).addClass('loader',500);
$('#loader'+idTurno).removeClass('loader',500);