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

Bootstrap 3 Accordion stays open when collapsed

本文关键字：状态 折叠 手风琴      更新时间：2023-09-26

我正在使用bootstrap 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(显示动画)，然后它被删除。但在那之后，又添加了" collapse "answers"in"类所以当我试图关闭手风琴时在浏览器中它会以某种方式显示"bouncy"动画当我试图关闭它时它永远不会关闭

有什么建议吗?

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

相关文章：