jquery 引导 accordion 问题:隐藏可折叠组项

wsxa1bj1  于 2022-12-03  发布在  jQuery
关注(0)|答案(1)|浏览(197)

我在使用引导程序折叠时遇到了问题。(http://twitter.github.io/bootstrap/javascript.html#collapse)
首先,一个jsfiddle显示了问题:http://jsfiddle.net/v6qPJ/7/
可折叠组项工作正常。接下来,我有一个隐藏和显示可折叠组项的代码。它也工作正常,但如果用户执行以下步骤,则会出现问题(所有代码示例都来自jsfiddle,我已将代码压缩到最小,因此不要搜索任何逻辑):
1)活动的组项被隐藏。

$(".accordion-group").first().hide();

2)用户打开第二组项目(可见)。
3)显示先前隐藏的组项目

$(".accordion-group").first().show();

4)使用者无法开启第一个群组项目...
如果第一个组项在隐藏时被折叠了,那就没有问题了。所以我认为问题出在bootstrap如何管理组以只显示一个。
我发现了类似的问题:https://github.com/twitter/bootstrap/issues/6081,但该解决方案只适用于可折叠的div,而不是整个 accordion ...
我使用的是2.3版本的Bootstrap。

  • 谢谢-谢谢
pjngdqdw

pjngdqdw1#

您需要使用bootstrap方法来隐藏和显示 accordion 。
Bootstrap文档说明:

.collapse('show')

显示可折叠元素。

.collapse('hide')

隐藏可折叠元素
请参阅此处的小提琴:http://jsfiddle.net/GUZgY/

相关问题