jQuery add/remove Class with fadeIn/Out

jquery fadein fadeout addclass removeclass
Swim89 picture Swim89 · Mar 31, 2013 · Viewed 81.3k times · Source

I would to apply a fadeIn effect to a addClass function..and fadeOut to removeClass...

Can you help me?

This is my code

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

...

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

Answer

What have you tried picture What have you tried · Mar 31, 2013

Fade In:

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

Fade Out:

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

As another user said, you may want to look into using toggleClass.

Related questions

jQuery fade out then fade in

There's a bunch on this topic, but I havn't found an instance that applies well to my situation. Fade a picture out and then fade another picture in. Instead, I'm running into an issue where the first fades out and …

Read More
Fade In and Fade Out text inside a div

I have a div with a CSS style to show it as a button: <div id="Word1" class="btn green" onclick="WordClicked(1);">Word 1</div> And CSS styles: .btn { display: inline-block; background: url(btn.bg.png) repeat-x 0…

Read More
jQuery fadeIn fadeOut with click

I'm trying to make a div fadeIn when another div is clicked and fadeOut again when another div is clicked (which would be the close button) but my code doesn't work, did I forget something? Here's the CSS: body{ margin: 0; …

Read More