我正在使用引导程序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”类,因此在浏览器中尝试关闭手风琴时,它会以某种方式显示“有弹性”的动画,从而在我尝试关闭它时永不关闭

有什么建议么?

===============>>#1 票数:2 已采纳

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

  ask by Christian Hadikusuma translate from so

未解决问题?本站智能推荐: