Javascript 隐藏打开的div时打开的引导折叠菜单

我有3个div需要在单击时打开，同时隐藏以前打开的div。当我单击

link2

或

link3

时，如何关闭已经打开的

link1

我想打开已单击的选项卡，如果有任何打开的div，则关闭该选项卡

代码如下：

<a class="btn btn-primary" role="button" data-toggle="collapse" href="#collapseExample1">
      Link 1
</a>
<a class="btn btn-primary" role="button" data-toggle="collapse" href="#collapseExample2">
      Link 2
</a>
<a class="btn btn-primary" role="button" data-toggle="collapse" href="#collapseExample3">
      Link 3
</a>


<div class="collapse" id="collapseExample1">
     This is the description 1
</div> 
<div class="collapse" id="collapseExample2">
     This is the description 2
</div> 
<div class="collapse" id="collapseExample3">
     This is the description 3
</div> 

这是描述1
这是描述2
这是描述3

将折叠的元素放入div中，然后添加

show.bs.collapse

事件：

$('#accordion').on('show.bs.collapse', function () {
    $('#accordion .in').collapse('hide');
});

希望这有帮助

---

$（'#accordion'）.on（'show.bs.collapse'，function（）{
$（'#accordion.in'）。折叠（'hide'）；
});

这是描述1
这是描述2
这是描述3
当用户第二次单击链接1时，它会消失。有没有办法让一个分区始终保持开放状态？否则页面看起来很空。谢谢