Javascript 导航下拉开关-鼠标退出和关闭悬停？

有人能帮我调整以下内容吗？这样，下拉菜单不仅在单击时隐藏，而且在鼠标移出时和/或当另一个顶级菜单按钮悬停时也隐藏

jQuery/script编码仍然让我措手不及

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

仅供参考，我不能为上述内容负责，这是Pramod Sankar L（用户PSL）的工作

任何帮助都将不胜感激

试试看

---

$（“li:has（ul）”）

选择包含

ul的
li



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

$（“li”）。在（'click，mouseout'，function（）上{
。只是评论，因为我不确定。嗯，这在小提琴上有效，而不是在我的下拉菜单上。我们必须要知道发生了什么。谢谢，顺便说一句！！@user3569292你的网站是活的还是你能在小提琴中产生问题？或者你的菜单是动态加载的？@user3569292你的测试页面工作正常。你认为什么不工作？@user3569292 C请告诉我确切的问题是什么？什么不起作用。我已设置第三级导航显示在单击时（当您单击“边框”、“面板”等时显示）。但是，如果我将鼠标悬停在第二级按钮（“边框”、“面板”等）上，我希望第三级隐藏。否则，第三级“堆栈”一个在另一个之上，除非我单击关闭它们。
$(document).ready(function () {
    $("li:has(ul)").click(function () {
        $('li > ul').not($(this).children("ul").toggle()).hide();
    }).mouseleave(function () {
        $('li > ul').hide();
    });
});

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