Bootstrap 3 Accordion 折叠时保持打开状态答案

【问题标题】：Bootstrap 3 Accordion stays open when collapsedBootstrap 3 Accordion 折叠时保持打开状态
【发布时间】：2015-05-16 17:12:06
【问题描述】：

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

有什么建议吗？

【问题讨论】：

请参阅this 可能会对您有所帮助..
Bootstrap 3 Accordion button toggle "data-parent" not working的可能重复
确保您已经添加了 bootstrap js 文件和 jquery，以便首先使用 jquery js 而不是 bootstrap js，因为我只是检查了 jsfiddle，并且您的代码在添加了 bootstrap 和 jquery 时工作正常。 jsfiddle.net/dajrct8v
提供您的实时网站链接，这将有助于发现任何 JavaScript 冲突。如果有的话。
感谢大家的建议，但看起来我使用的是旧版本的 jquery，它与 bootstrap 3 不兼容，在 firefox 的 web 检查器上发现了这个错误（idk 但 firebug 没有指出这一点错误）。我现在正在使用 jquery 2.x，手风琴效果很好

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

感谢大家的建议，但看起来我使用的是旧版本的 jquery，它与 bootstrap 3 不兼容，在 firefox 的 web 检查器上发现了这个错误（idk 但 firebug 没有指出这个错误）。我现在正在使用 jquery 2.x，手风琴效果很好

【讨论】：