在叠加点击时自举折叠切换 - 单击时不会关闭

Question

我正在尝试附加一个在点击时关闭菜单的监听器，到目前为止我设法做到了这一点：

$("body").click(function(e){
   var $box1 = $('.navbar-toggle');
   var $box2 = $('.navbar-toggle, .collapsed');
   if($box1.is($(e.target)) || 
       $box2.is($(e.target)) ){
       $('.collapse').collapse("toggle").toggle();
   }else{
        $('.collapse').collapse("toggle").toggle();
   }
});

但是它没有用，我使用了隐藏和显示而不是先切换，但是当点击菜单按钮时就像留下了一个阴影层。

欢迎任何帮助。

感谢。

Answer 1

需要使用： $（ '崩溃 '）崩溃（' 隐藏'）;

附加在覆盖元素的onClick事件上。

Answer 2

您可以使用Bootstrap的dropdown方法，在此处记录：http://getbootstrap.com/javascript/#dropdowns-usage。

$('.collapse').dropdown('toggle');