javascript - Bootstrap 3 Accordion 在折叠时保持打开状态

Question

我正在使用 bootstrap 3 创建 Accordion 组，代码如下:

<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>

当我打开 Accordion 时，代码工作正常，但当我再次单击它(关闭)时，它会崩溃，然后再次打开。

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

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

在那种状态下 Accordion 折叠起来，当我关闭它时，类变为collapsing(显示动画)然后它被删除。但在那之后不久，类“折叠”和“in”再次添加，所以在浏览器中，当我尝试关闭 Accordion 时，它会以某种方式显示“flex ”动画，这使得它在我尝试关闭时永远不会关闭

有什么建议吗？

Answer 1

感谢所有的建议，但看起来我使用的是与 bootstrap 3 不兼容的旧版本的 jquery，在 firefox 的网络检查器上发现了这个错误(idk 但 firebug 没有指出这个错误)。我现在正在使用 jquery 2.x， Accordion 效果很好