jQuery .hide（）をフェーディングで使用する

Question

私は.hide()という機能を持っており、チェックボックスに基づいてdivを非表示にしています。

JS Fiddle of it working here Real site example here

私は.hide()がフェードイン/アウトではなく、ただ消えますようにそれをアニメーションを与えるためにしようとしています。

は、jQueryのフェード機能を利用しようとしましたが、.hide()のためのパラメータとしてではなく、

$("div").click(function() { 
     $(this).hide("fade", {}, 1000); 
}); 

を動作するようには思えない私は、次のように（JSフィドルを参照してください）私のコードでこれを使用してみました：

if(allSelected.length > 0){ 
      $("div.prodGrid > div:not(" + allSelected + ")").hide("fade", {}, 1000); 
     } 

どこが間違っていますか？

Answer 1

$("div").click(function() { 
    $(this).fadeOut(1000); 
}) 

fadeInとfadeToggleもあります。

Answer 2

あなたがフェードアウトや

があなたのdivを非表示にする前に素敵なアニメーションを与えるだろう「遅い」合格

 $(this).hide("slow");//or $(this).hide(1000); 

で$(this).hide("fade", {}, 1000); を交換したい場合は、Arnelleのソリューション@使用することがあります。

変更であなたのフィドルを更新：http://jsfiddle.net/Z9ZVk/8/

Answer 3

代わりに皮を使用しての期間でfadeoutを使用してみてください。

if(allSelected.length > 0){ 
     $("div.prodGrid > div:not(" + allSelected + ")").fadeOut(1000); 
    } 

Working Fiddle

Answer 4

私は下のリンクを、その作業罰金のコードを試してみました。

Using jQuery .hide() and .show() with fading - Live Demo

$("#btnHideShow").click(function() { 
      if ($("#btnHideShow").val() == "Hide") { 
       $("#imgHideShow").hide(1000); 
       $("#btnHideShow").attr("value", "Show"); 
      } 
      else { 
       $("#imgHideShow").show(1000); 
       $("#btnHideShow").attr("value", "Hide"); 
      } 
     }); 

またthebelowリンクからのjQueryを使用してフェードイン、フェードアウト、slideUpとslideDownを見つけることができます。

fadeIn fadeOut and slideUp slideDown Effects Using Jquery