はフェードアウト

Question

後に再表示する私は、私はこれを正しくやっていることを断言することができますしてください：

私はそれが表示された後にフェードアウトしたいメッセージを持っています。

jQuery fadeOutは、不透明度がゼロになるとdisplay：noneを設定します。

このように、visibility：visibleを設定して同じメッセージを再度表示する場合、display：noneが設定されているため、メッセージは表示されません。

だから、これは私がやったことです：

 $("#message6").fadeOut(600, function(){ 
      $("#message6").css("display",""); 
      $("#message6").css("visibility","hidden");    
     }); 

これはうまく動作します。それは非常に優雅に見えません。

ここに何か不足していますか？これを行うためのきちんとした方法はありますか？

Answer 1

のようなものがなぜあなたはいたしません。

$("#message6").fadeOut(600); 

そして再び、あなたのメッセージを表示する：

$("#message6").show(); 

Answer 2

私はいつもjQueryの.fadeIn()と.fadeOut()のメソッドに奇妙な問題があったので、通常は不透明度をアニメーション化します。あなたが物事を隠して見せているだけであれば、このアプローチには何も問題はありません。あなたがフェージングアニメーションの任意の並べ替えをしたくない場合は

$('#message6').animate({opacity:0}, 200); 

は、あなただけの.hide()と.show()方法、または.css({opacity:0})、または0アニメーションの再生時間と.animate()メソッドを使用することができます。

Answer 3

なぜこの

$(document).ready(function() { 
     $('#myLabel').fadeOut(1000, function() { 
      $(this).html(""); //reset the label after fadeout 
     }); 
    });​ 

Sample