导航下拉切换 - 鼠标输出以及关闭悬停？

Question

有人可以帮我调整以下内容，以便下拉菜单不仅可以隐藏点击，还可以隐藏鼠标移动和/或其他顶级菜单按钮悬停在上面吗？

jsfiddle

$(document).ready(function () {
    $("li").click(function () {
        $('li > ul').not($(this).children("ul").toggle()).hide();
    });
});

还在用jQuery /脚本编码弄湿我的脚。

注意：我使用div作为下拉列表结构的一部分，就像上面的“ul”被div替换的实例一样。

仅供参考，我不能因此而受到赞扬，这是Pramod Sankar L（用户PSL）的工作。

任何帮助将不胜感激！

Answer 1

尝试

.mouseleave()

:has()

$(document).ready(function () {
    $("li:has(ul)").click(function () {
        $('li > ul').not($(this).children("ul").toggle()).hide();
    }).mouseleave(function () {
        $('li > ul').hide();
    });
});

---

$("li:has(ul)")选择包含li

的ul

Fiddle Demo

---

在Op的评论后更新

$(document).ready(function () {
    $("#dropmenu li:has(div)").click(function () {
        $('#dropmenu li.second-level > #dropmenu li.second-level div.drop_6col-bottom').not($(this).children("#dropmenu li.second-level div.drop_6col-bottom").toggle()).hide();
    }).mouseleave(function () {
        $(this).children('div').hide();
    });
});