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

Question

我在一个名为 header 的 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 .