javascript - 使用jQuery隐藏侧面菜单栏

我试图在单击按钮以及单击文档中任何位置时隐藏左侧菜单栏。

我尝试了以下链接中的以下代码。

我需要一些帮助.....

这是尝试的代码：
jQuery：

$("#openMenuLayout").click(function(e){
   debugger;
    if ($('#menuLayout').hasClass('open-menu')){
       $('#menuLayout').removeClass('open-menu');
       $('#openMenuLayout').find('img').removeClass().addClass('opened_icon');
          $(this).css('display','block');
     } else {
       $('#menuLayout').addClass('open-menu');
       $('#openMenuLayout').find('img').removeClass().addClass('open-menu_icon');
       $(this).css('display','block');
     }

     e.preventDefault();
 });

Demo Link

最佳答案

当用户在菜单外单击时，此功能将关闭菜单。

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

    if (!$("#menuLayout").is(e.target) && $("#menuLayout").has(e.target).length === 0) {

           // Clicked outside, close menu
            $("#menuLayout").removeClass('open-menu');

    }

});

关于javascript - 使用jQuery隐藏侧面菜单栏，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21731555/