jQueryのは、私が... removeClassにフェードアウトfunction..and addClassにフェードインエフェクトを適用するにはフェードインでクラスを削除/</p> <p>を

Question

をう/アウトに追加しますか？

これは私のコード

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

です...

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

Answer 1

フェードイン：

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

フェードアウト：

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

別のユーザーが言ったように、toggleClassを調べることができます。

Answer 2

が削除/ addClassメソッドに期間を追加する必要があります

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

Answer 3

もう一つの方法は、あなたのオリジナルのjQueryのコードを使用して、それを達成するために、CSSの道：

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

スムーズなアニメーション、より簡単に維持する。

Answer 4

それを簡単に：私はdisappears.In私の場合、完全に要素を要素を上記の溶液を試みたが、第2の機能の実行（フェードアウト）@minitech

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

Answer 5

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