jQuery的：將鼠標懸停在一個元素帶來衰的另一個元素，但懸停在該元素在它消失

Question

我有一類叫做.DESCRIPTION，顯示了當過鼠標懸停在一個圖像配叫做HTML 類：

<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時，它會調用它和,out。

要取消鼠標移出操作，請提供一個空處理程序。

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

演示：http://jsfiddle.net/qnWpy/4/