Bootstrap 切换元素和 JavaScript

Question

我有一个元素应该在不同的菜单条目中显示或隐藏（例如它的可见性切换），以及一个应该切换元素可见性的切换按钮，但是有一些菜单位置元素应该是可见的，无论如何切换按钮状态。

<a class="menu-bar" data-toggle="collapse" href="#menu">
    <span class="bars"></span>             
</a>
<div class="collapse menu surcarte" id="menu">
    <div class="dansmenu">
        some nice stuff comes here
    </div>
</div>

HTML 以上即可。但是如果在顶部菜单栏中添加此代码：

<a data-toggle="collapse" href="#menu" onclick="somejavascript();return false;"> link 1 </a>
<a data-toggle="collapse" href="#menu" onclick="somejavascript();return false;"> link 2 </a>
<a data-toggle="collapse" href="#menu" onclick="somejavascript();return false;"> link 3 </a>

每个 link 都会切换 #menu 元素，首先显示它，然后隐藏它等等。但我希望他们始终显示#menu 元素。只有带有 "bars" class 的元素才能作为切换器。

我尝试用 $("#menu").show(); 来解决但是 jquery 命令接缝不起作用。然后我尝试了以下方法来找出发生了什么：

点击class"menu-bar"的link使div出现。
使用命令 $("#menu").hide(); => WORKS
单击 class "menu-bar" 的 link 使 div 消失：不再起作用
单击 class link "menu-bar" 再次切换 div ：无效
再次使用 $("#menu").show(); => WORKS
单击 class "menu-bar" 的 link 使 div 消失 : WORKS
使用 $("#menu").show(); => 不再有效。

好像有一个双重叠瓦切换命令，我无法逃脱它。

我如何写一个有效的 $("#menu").show();？

Answer 1

我终于找到我的问题了。我正在尝试这个：

$("#menu").toggle()

正确的语法是：

$("#menu").collapse('toggle')

特别感谢 Rory McCrossan 向我展示了战略要点。

Bootstrap 切换元素和 JavaScript

Bootstrap toggle element and JavaScript

javascript

jquery

show

toggle

twitter-bootstrap