javascript - JQuery 在不同的 div 上悬停淡入/淡出

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

另请参阅更新的 jsfiddle。