Jquery:点击slideUp问题

Question

我有一个 JQuery 导航，单击父项 <li> 即可使用JQuery向下滑动。第二次单击时，它将向上滑动导航。我遇到的问题是，我的客户希望如果他单击屏幕上的其他位置，它也可以向后滑动，即仅单击空白区域就会折叠导航。

有什么想法吗？

这是 Jquery:

$('#menu-flag-menu > li > a').click(function(e) {e.preventDefault();});


$("#menu-flag-menu li a").click(function(){ 

    // close all opened sub menus
    $("ul", $(this).parent().siblings()).stop(true,true).slideUp();

    var ul = $(this).next("ul");     
    ul.stop(true,true).slideToggle('fast'); 
});

Answer 1

这应该有效:

$(document).click(function (e) {

    // if we click on anything other than the navigation menu
    // or it's descendants then slide up the menu
    if(e.target.id !== "menu-flag-menu" 
        && !$(e.target).closest("#menu-flag-menu").length) {
        $(".sub-menu").stop().slideUp();
    }
});