我正在使用引导程序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

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

3回复

Bootstrap手风琴在悬停时打开

我已经尝试过我从Google和SO中找到的其他示例,但是可以执行任何操作,因此我尝试使用这个愚蠢的解决方案来悬停Bootstrap手风琴,但它不想工作......任何建议? HTML jQuery的 小提琴 http://jsfiddle.net/5J852/
2回复

单击第二个手风琴菜单时,关闭打开的手风琴菜单,引导

我在网站的移动视图上有两个图标。 一个是搜索图标,另一个是菜单图标。 两者都使用Bootstrap手风琴来显示和隐藏搜索选项和菜单选项。 手风琴正在按预期的方式工作。 但是问题是当一个菜单打开时,如果您单击第二个菜单,它们都会保持打开状态。 理想情况下,如果您单击第二个菜单,则
2回复

为什么我的自举式手风琴图标在展开/折叠时没有变化?

我有一个自举式手风琴,我希望图标在展开或折叠时可以更改。 我的JS代码是这样的: 和HTML一样: 请注意,我在同一页面上有多个展开/折叠。 但是无论我做什么,都不会更改图标...
2回复

Bootstrap折叠手风琴悬停不一致

我正在创建一个手风琴,当用户将鼠标悬停在手风琴标题上时,它会折叠/打开。 到目前为止,我所拥有的代码在某种程度上可以正常工作。 问题在于,手风琴总是在鼠标进入时打开,但有时在关闭时确实不一致(特别是如果用户非常快速地移动鼠标)。 这里是网站http://infotree.co.uk/的
2回复

单击bootstrap手风琴时打开URL /文件

我需要有关twitter的bootstrap手风琴的帮助。 我需要它到我单击手风琴标题时的位置,该标题会打开我引用它的内容。 像这样,所以当我单击2014时,它会打开一个文档或文件,我已将其链接到
1回复

Bootstrap导航栏折叠在单击时保持打开状态

我想关闭导航栏单击,然后使用此代码 但即使单击它也会关闭下拉菜单,所以我想防止在单击时关闭它。 我的网站 (当屏幕尺寸低于768px时,将显示导航栏)
3回复

切换手风琴展开/折叠时,将按钮保持在固定位置

我正在使用两个按钮和一些jQuery来切换(扩展/折叠)两个div,其中包含表格。 当我使用按钮1切换第一个div时,按钮2被推到div下方。 如何调整代码,使按钮保持在同一位置,只需切换下面的div。 这是一个codepen: http://codepen.io/anon/pe
1回复

Bootstrap手风琴不会塌陷

我正在为我的网站开发一个自举式手风琴,但是在Dreamweaver cc中以及当我在浏览器中发布它时,它不起作用。 看起来可以在JSFiddle上使用。 这里是一个链接: JSFiddle <script src="https://ajax.googleapis.com
1回复

javascript bootstrap手风琴

我浏览了其他人就手风琴式可折叠面板组提出的众多问题,但我无法找到其中面板保持独立且不保留各种标题的面板。 我希望一侧有许多按钮,而另一侧有一个单击按钮时要显示的面板。 我希望一次只显示一个面板。 我正在使用BootStrap CSS Framework(喜欢它)。 如果有人可以帮
1回复

模态内部的手风琴-单击任何其他可折叠选项卡时,第一个保持打开状态

当我打开模态时,默认情况下会打开第一个选项卡,如果我单击任何其他选项卡,则第一个选项卡会关闭,然后单击的选项卡会打开,但是如果我再次单击第一个选项卡,则两个选项卡都会打开。 这是HTML代码 这是jQuery代码