JQuery在不同的div上悬停fadeIn / fadeOut

Question

我有一个名为header的div里面的列表，我希望在悬停在每个列表上时展开列表，但我希望所有已经悬停的列表保持打开状态，直到鼠标移出标题div。到目前为止，我已经为每个列表单独设置了fadeIn / fadeOut，或者每当我离开div时，我可以将每个列表设置为fadeIn并保持打开但不是fadeOut。

这是我正在使用的代码：http://jsfiddle.net/jTCdg/11/

在javascript中注释掉的行是所有列表保持可见之间的变化，或者是悬停时列表fadeIn / fadeOut。

这是我第一次使用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。