Twitter bootstrap 3 引导手风琴（点击一个手风琴应关闭其他手风琴）

我目前的手风琴功能是，当我们点击“+”符号时，它会打开手风琴并保持打开状态，即使我们点击了其他手风琴的“+”符号

我需要的是点击一个手风琴其他打开的手风琴应该关闭。 下面是我的代码笔链接

<aside class="col-md-4">
 <section class="sidebar-tools">
  <h4 class="my-4">My</h4>
   <nav>
      <a class="tile-link" data-toggle="collapse" href="#myDoctor">
       My 
      </a>
      <div class="collapse sidebar-collapse" id="myDoctor">
       <a href="#" class="sidebar-collapse-link">Viewr</a>
       <a href="#" class="sidebar-collapse-link">Change</a>
      </div>
     <a class="tile-link" data-toggle="collapse" href="#IDcards"> Cards</a>
      <div class="collapse sidebar-collapse" id="IDcards">
       <a href="#" class="sidebar-collapse-link">View</a>
       <a href="#" class="sidebar-collapse-link">Change </a>
     </div>
       <a class="tile-link" href="#">nformation</a>
      <a class="tile-link" href="#"> Estimator</a>
   </nav>
   <h4 class="my-4">My Tools</h4>
    <nav>
    <a class="tile-link" href="#">Cards</a>
     <a class="tile-link" href="#">Enformation</a>
     <a class="tile-link" href="#"> Estimator</a>
    </nav>
    </section>
  </aside>

我的工具

谢谢

---

您可以通过使用链接的

数据父项来实现这一点，下面是代码片段


var$myGroup=$（'#myGroup'）；
$myGroup.on（'show.bs.collapse'，'.collapse'，function（）{
$myGroup.find（'.collapse.in'）.collapse（'hide'）；
});
。侧栏工具a{
颜色：白色；
}
a、 磁砖链接{
文字装饰：无；
}
.tile链接{
-js显示：flex；
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
背景色：#2980b9；
填充：10px；
边际：2px0；
}
.tile链接：悬停{
背景色：#2980b9；
}
.tile链接[数据切换]：之后{
内容：'\f067'；
字体系列：“fontawesome”；
过渡：所有.25秒轻松进出；
浮动：对；
}
.tile链接[aria expanded=“true”]：之后{
变换：旋转（45度）；
}
.侧边栏塌陷{
背景色：#95a5a6；
页边顶部：-2px；
}
.侧边栏折叠.侧边栏折叠链接{
颜色：白色；
显示：块；
填充：10px；
}

我的工具
我有个问题。代码应该写在哪里。var$myGroup=$（“#myGroup”）$myGroup.on（'show.bs.collapse'，'.collapse'，function（）{$myGroup.find（'.collapse.in'）.collapse（'hide'）；}）；写入内部脚本标记。例如//code我这么做了，它并没有触发您是否包含'