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

【问题标题】：Issue with bootstrap accordion: hidden collapsible group item引导手风琴的问题：隐藏的可折叠组项目
【发布时间】：2013-04-23 03:23:35
【问题描述】：

首先，一个显示问题的 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。

谢谢。

【问题讨论】：

【解决方案1】：

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

Bootstrap 文档说：

.collapse('show')

显示一个可折叠的元素。

.collapse('hide')

隐藏可折叠元素

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

【讨论】：

感谢您的回答。我曾经想过这个解决方案，但不是用这个选择器（用“.collapse”代替）。您的解决方案几乎适用于小提琴，但不适用于我的真实代码。在您的小提琴中，您使用手风琴组作为可折叠元素，但它不是也不必是可折叠元素。此元素必须隐藏，但不能折叠。我在小提琴中添加了边框，所以也许你能明白我的意思。有点难以解释：jsfiddle.net/GUZgY/1
我不太明白你在做什么，你能给我看一个更接近你真实代码的例子吗？在我的示例中，您可以隐藏手风琴，如果再次显示它仍然会打开，除非您打开另一个手风琴，这不是您想要的行为吗？