jQuery懸停淡入淡出在不同的div

Question

我有列表裏面的div叫做頭我想展開懸停在每個列表上的列表，但我希望所有已被懸停的列表保持打開，直到鼠標是移出標題div。到目前爲止，我已經爲每個列表單獨淡入淡出/淡入淡出，或者我可以讓每個列表淡入淡出，並保持開放狀態，但無論我何時離開div，都不會淡出。

這裏是我使用的代碼：http://jsfiddle.net/jTCdg/11/

在JavaScript中註釋掉該生產線是所有列表之間的懸停保持可見或列表淡入/淡出什麼樣的變化。

這是我第一次使用JavaScript，所以幫助將不勝感激。謝謝

Answer 1

jQuery hover是mouseenter和mouseleave事件處理程序的快捷方式。您可以分別定義兩者。

$(document).ready(function() { 
    $("#header ul").mouseenter(function() { 
     $(this).find("li").fadeIn(); 
    }); 
    $("#header").mouseleave (function() { 
     $(this).find("li").fadeOut(); 
    }); 
}); 

另請參閱updated jsfiddle。