Bootstrap 3菜单 – 两个折叠按钮 – 一次只打开一个

我正在尝试在bootstrap 3中创建一个菜单。当它达到移动大小时,我有两个折叠导航切换按钮。 默认情况下,当一个打开时,它只是堆叠在一起。 我想要的是一次打开一个。

 

我搜索并找到了这个, 但那是用于bootstrap 2 : Bootstrap菜单 – 两个折叠按钮相互切换? 意思是,一次只能打开1个

我觉得我错过了一些简单的事情。 下面是一个jsfiddle链接: http : //jsfiddle.net/Bootstrap714/RfsS9/4/

你的事件名称错了。 你需要打开on('show.bs.collapse'...而不是只on('show'...

这是一个固定的小提琴

找到了一种“hackish”解决方案

如果,sibilings按钮,没有折叠类,请单击它。

 $('.navbar-toggle').on('click', function () { if(!$(this).siblings('.navbar-toggle').hasClass('collapsed')) { $(this).siblings('.navbar-toggle').click(); } }); 

http://jsfiddle.net/t96Ry/