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();
    });
});

另请参阅更新的jsfiddle.