Jquery 引导关闭手风琴菜单'；s

我是新的引导，并创建了一个导航菜单使用引导手风琴。当我点击任何链接时，它会打开手风琴，但不会关闭打开的手风琴。我怎样才能做到这一点

我创作了一把小提琴：

我的手风琴密码是：

<li>
        <div class="accordion-heading "> <a href="#accDash" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> 
                                        <span class="item-icon fontello-icon-monitor"></span> 
                                        <i class="chevron fontello-icon-right-open-3"></i> Dashboards 
                                    </a> 
        </div>
        <ul class="accordion-content nav nav-list collapse in" id="accDash">
            <li class="active"> <a href="dashboard-one.html"> 
                                            <i class="fontello-icon-right-dir"></i> 
                                            <span class="hidden-tablet">Dashboard</span> Demo 1 
                                        </a> 
            </li>
            <li> <a href="dashboard-two.html"> 
                                            <i class="fontello-icon-right-dir"></i> 
                                            <span class="hidden-tablet">Dashboard</span> Demo 2 
                                        </a> 
            </li>
        </ul>
    </li>

JSFIDLE中的代码位工作正常：当单击手风琴菜单时，它们会展开和折叠。也许在你的网站代码的其他地方有一个问题阻止了这一点。通常确保jQuery代码在

$（document.ready（）内解决了无法运行的正确代码的问题。
引导程序API页面要求您指定数据父属性。然后，尝试将数据parent=“accDash”添加到元素中

看

希望能有帮助
 下面是引导的示例（缩短为只有两个面板）。基本上，外部div被赋予一个id，比如说
id=“accordion”
，为了产生手风琴效果（当您打开另一个可折叠元素时，当前元素关闭），您可以为每个标题设置
data toggle=“collapse”data parent=“#accordion”

另一方面，如果要使每个可折叠面板相互独立，以便一次可以打开多个面板，只需将其更改为
data toggle=“collapse”data target=“collapseOne”
，其中
collapseOne
指单击标题打开的面板的id。（例如，下一个面板将引用
collapseTwo
）

这是一个可以玩的好地方

<div class="panel-group" id="accordion">
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
          Collapsible Group Item #1
        </a>
      </h4>
    </div>
    <div id="collapseOne" class="panel-collapse collapse in">
      <div class="panel-body">
        First collapsible panel
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
          Collapsible Group Item #2
        </a>
      </h4>
    </div>
    <div id="collapseTwo" class="panel-collapse collapse">
      <div class="panel-body">
        Second collapsible panel
      </div>
    </div>
  </div>
</div>


第一个可折叠面板
第二可折叠面板
但如果用户单击第二个，我想关闭第一个手风琴请花点时间正确显示您的代码，以便其他用户可以轻松阅读。目前，阅读您的代码非常困难。