Question

我正在使用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（显示动画），然后它被删除。但在此之后，当我试图关闭手风琴时，“崩溃”和“进入”这一类在浏览器中再次添加，它会以某种方式显示“弹性”动画，当我试图关闭它时它永远不会关闭

有什么建议吗？

Answer 1

感谢所有的建议，但看起来我使用的旧版本的jquery与bootstrap 3不兼容，在firefox的web检查器上发现此错误（idk但firebug没有指出此错误）。我现在正在使用jquery 2.x并且手风琴完美地运作

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

1 个答案: