引导手风琴问题：隐藏的可折叠组项

Question

我遇到了自举手风琴的问题。（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，而非整个手风琴......

我使用2.3版本的Bootstrap。

感谢。

Answer 1

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

Bootstrap文档说：

.collapse('show')

显示可折叠元素。

.collapse('hide')

隐藏可折叠元素

请参阅此处的小提琴：http://jsfiddle.net/GUZgY/