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。