Jquery 引导3中的手风琴菜单

这是你的电话号码。当我在div外单击时，是否有任何选项可以关闭子菜单

      <div class="accordion-group">
          <div class="accordion-heading">
               <a class="accordion-toggle" data-toggle="collapse" data-parent="#leftMenu" href="#collapseTwo">
                   <i class="icon-th"></i> Layout
                </a>
          </div>
          <div id="collapseTwo" class="accordion-body collapse" style="height: 0px; ">
               <div class="accordion-inner">
                   <ul>
                      <li>This is one</li>
                      <li>This is two</li>
                      <li>This is Three</li>
                   </ul>
               </div>
           </div>
       </div>

这是一个
这是两个
这是三个

我使用的是bootstrap 3。

如果您看到，您可以使用

.collapse（'hide'）

方法进行关闭

.collapse（'隐藏'）

隐藏可折叠元素

更新：

单击文档时，您必须检查单击的元素是否在外部

$(document).on('click', function (e) {
    // here you can change document to any div id 

    if (!$(e.target).closest('#leftMenu').hasClass('accordion')) { // checking if clicked element is outside `accordion` then only collapse

        $('.in').collapse('hide'); // .in as we need to collapse only the expanded section
    }
});

---

如果您看到，可以使用

.collapse（'hide'）

方法关闭。检查这个。thx，是的，我错过了这一部分，但我正在寻找一种不编写自定义javascript的方法，我正在使用AngularJS。你必须在这里编写自定义脚本，因为你需要一个折叠无法提供的工作。好的。非常感谢，如果你把答案放在答案部分，我会给你一个书面答案：）在代码中用注释更新答案