2013-04-29 64 views
1

我有自举手风琴问题(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版本的引导。

谢谢。

+0

为什么你有一个隐藏和显示按钮时,用户可以直接点击手风琴标题的链接上,第一,第二和例如第三个例子 – Richlewis 2013-04-29 13:12:59

+0

原因不一样: 用户可以显示或隐藏主体,但是当另一个事件完成时,整个组被隐藏。 – Getz 2013-04-29 13:14:39

+0

相同么?你有什么隐藏和显示按钮获得? – Richlewis 2013-04-29 13:15:24

回答

1

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

的引导文件说:

.collapse('show') 

显示一个可折叠元素。

.collapse('hide') 

隐藏了一个可折叠的元素

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

+0

感谢您的回答。我曾经想过这个解决方案,但没有用这个选择器(用“.collapse”代替)。你的解决方案几乎可以在小提琴上工作,但不是真的在我的真实代码中。你的小提琴,你使用手风琴组作为可折叠的元素,但它不是也不必是可折叠的元素,这个元素必须是隐藏的,但不能折叠,我已经在小提琴中添加了边框,所以也许你可以明白了吗。它有点难以解释:http://jsfiddle.net/GUZgY/1/ – Getz 2013-04-29 15:21:59

+0

我真的不明白你在做什么,你可能会向我展示一个更接近真实代码的例子吗?在我的例子中,你可以隐藏手风琴,如果你再次展示它,它将仍然是开放的,除非你打开另一个,这是不是你想要的行为? – 2013-04-29 20:16:22