jQuery ajouter/supprimer une classe avec fadeIn/Out

Question

Je voudrais appliquer un effet fadeIn à une fonction addClass..et fadeOut pour enleverClass ...

Pouvez-vous m'aider?

C'est mon code

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

...

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

Answer 1

Fondu en:

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

Disparaître:

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

Comme un autre utilisateur l’a dit, vous voudrez peut-être envisager d’utiliser toggleClass .

Answer 2

Une autre façon d’y parvenir, en utilisant votre code jQuery original, à la manière CSS:

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

Animation plus fluide, plus facile à maintenir.

Answer 3

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

Answer 4

Faites simple :

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