1

我的 bootstrap 手风琴有问题。(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) 用户无法打开第一个组项...

如果我们隐藏第一个组项时它是折叠的,则没有问题。所以我认为问题出在引导程序如何管理组以仅显示一个。

我发现了这个类似的问题:https ://github.com/twitter/bootstrap/issues/6081 但该解决方案仅适用于可折叠的 div,而不适用于整个手风琴......

我使用的是 2.3 版本的 Bootstrap。

谢谢。

4

1 回答 1

1

您需要使用手风琴的引导方法来隐藏和显示它们。

Bootstrap 文档说:

.collapse('show')

显示可折叠元素。

.collapse('hide')

隐藏可折叠元素

在这里看小提琴:http: //jsfiddle.net/GUZgY/

于 2013-04-29T15:05:35.970 回答