Bootstrap菜单 – 两个可以互相切换的折叠按钮？ 意思是，一次只能打开1个
我是第一次使用Twitter Bootstrap。 一切似乎都正常工作，除了我的顶级导航需要调整。
我们有一个菜单按钮，可以打开主导航下拉菜单。 然后我们有一个搜索按钮，打开搜索表单下拉列表。
Search我在这里创建了一个jsfiddle： http ： //jsfiddle.net/vsF6m/3/
客户只想一次打开一个下拉列表。 现在，function是每个按钮都会自动切换，但不会关闭其他打开的下拉列表。
必须有一些我想念的东西。 我是否需要重建导航栏的组装方式？
谢谢！
以下是Bootstrap如何使用Collapse插件实现手风琴function的更多内容。 我的第一个倾向是建议只为你的目的使用手风琴标记，但不幸的是，用于设置手风琴function的一些标记（即类.accordion-group ）具有与之相关的视觉风格，所以它可能只是更容易使用针对您所需要的代码的淡化版本。
这是相关的片段：
$('.navbar').on('show', function () { var actives = $(this).find('.collapse.in') , hasData if (actives && actives.length) { hasData = actives.data('collapse') if (hasData && hasData.transitioning) return actives.collapse('hide') hasData || actives.data('collapse', null) } })
这将关闭委托父级中找到的任何其他打开的collapse元素，在本例中为.navbar 。 在实践中，我建议使用ID而不是类来选择委托的父级。
的jsfiddle
在这里查看一个有效的jsfiddle： http ： //jsfiddle.net/gNUEx/
$('.container a').click(function(){ var $target = $($(this).data('target')); if(!$target.hasClass('in')) $('.container .in').removeClass('in').height(0); });