Question

我有一个Bootstrap导航栏。点击汉堡包图标将打开一个菜单。其中一个菜单项是另一个可折叠div的按钮。我将此添加到此按钮：

$('.nav a').on('click', function(){
     $(".navbar-toggle").click() 
});

这将关闭导航栏菜单并显示另一个div。

我想要的是再次点击汉堡包图标将关闭新的div并且不会打开菜单。

基本上需要的是导航栏切换以关闭所有可折叠的div，并且只有在没有任何其他div打开的情况下才会打开菜单。

这是我的例子：http://www.bootply.com/FqZYHFSWrh

向下滚动以获得770像素的页面宽度点击登录，你会看到菜单消失。下一次点击汉堡包图标我要关闭登录容器。第二次单击（登录容器关闭后）我想再次打开菜单。

Answer 1

您可以添加一个事件处理程序，例如：

$('button.navbar-toggle').on('click', function(event){
  if ($('.login-collapse').hasClass('in')) {
    event.stopPropagation();
    $('.login-collapse').collapse('hide');
  }
});

隐藏所有可折叠的divs＆＃39; hamburger＃39;菜单点击

1 个答案: