jQueryのは：要素の上にマウスを置くと、別の要素でフェードをもたらしますが、その要素の上にマウスを移動するとき、それは消え

Question

I持ってマウスを HTML .imageと呼ばれるクラスの上にホバリングされたときに今まで示したクラスと呼ばれる.DESCRIPTION：

<div class="image"> 
    <a href="?page=page1>"><img src="images/1.jpg" width="80" height="80"></a> 
</div> 
<div class="description" style="display: none;"> description 1 </div> 

<div class="image"> 
    <a href="?page=page2>"><img src="images/2.jpg" width="80" height="80"></a> 
</div> 
<div class="description" style="display: none;"> description 2 </div> 

<div class="image"> 
    <a href="?page=page3"><img src="images/3.jpg" width="80" height="80"></a> 
</div> 
<div class="description" style="display: none;"> description 3 </div> 

のjQuery：

$(".image").hover(function() { 
    $(this).next(".description").fadeToggle(); 
}); 

本の作業バージョンが別のユーザーによって提供された、と私は少しそれを修正し、ここでそれを入れている：http://jsfiddle.net/zakiaziz/qnWpy/2/

.imageクラスの上にカーソルを置くと、.descriptionクラスがうまく表示されます。私が抱えている問題は、説明クラスが表示されるべき場所にマウスが移動したときに、説明クラスが現れて消えてしまうことです。何度か、それは不規則に点滅します。

Answer 1

jQuery.hoverに関数を1つだけ渡すと、hoverとのoutにそれを呼び出します。

マウス出力時のアクションをキャンセルするには、空のハンドラを指定します。

 $(".image").hover(function() { 
      $(this).next(".description").fadeToggle(); 
     }, function() {}); 

デモ：http://jsfiddle.net/qnWpy/4/