Bootstrap 3手风琴折叠时保持打开状态

Question

我正在使用引导程序3创建一个手风琴组，下面是代码：

<div id="accordion" class="panel-group">
   <div class="panel panel-default">
     <div class="panel-heading">
            <div class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">
                <h3>Purchase No: 123 </h3>
                </a>
            </div>                
      </div>
      <div id="collapse1" class="panel-collapse collapse">
         content here
      </div>
   </div>
</div>

当我打开手风琴时，该代码可以正常工作，但是当我再次单击它（以将其关闭）时，它会折叠并再次打开。

简而言之，手风琴一旦打开就无法关闭。 我注意到该特定div的元素发生了变化

 <div id="collapse1" class="panel-collapse collapse in">

在那种状态下，手风琴是折叠的，当我关闭它时，类变为collapsing （显示动画），然后将其删除。 但是不久之后，再次添加了“ collapsing”和“ in”类，因此在浏览器中尝试关闭手风琴时，它会以某种方式显示“有弹性”的动画，从而在我尝试关闭它时永不关闭

有什么建议么？

Answer 1

感谢所有的建议，但似乎我正在使用的旧版本的jquery与bootstrap 3不兼容，在firefox的网络检查器中发现了此错误（idk，但firebug并未指出此错误）。 我现在正在使用jquery 2.x，手风琴工作正常