Boostrap 固定了单页 html5 上的顶部菜单，在菜单项单击时展开事件

Question

如何将 Bootsrap 移动菜单设置为在单击链接（同一页面上的锚点）时自动展开。

• 菜单展开navbar-collapse collapse in
• 折叠的菜单是navbar-collapse collapse out

我的菜单有 arleady onlick 事件：

<li><a onclick="return scrollPage('section1')" href="#section1">Contact</a></li>

PS：我使用Boostrap 3

Answer 1

您可以使用

作为折叠插件的一部分提供的方法（标准可折叠菜单需要该方法） - http://getbootstrap.com/javascript/#collapse-methods

因此，要简单地切换菜单（如果关闭则打开，如果打开则关闭），您可以触发此 JavaScript（假设您的菜单具有 MyMenu 的 id。任何jQuery选择器都可以在这里工作）。

$('#TheMenu').collapse('toggle');

如果您想打开菜单，只需使用

$('#TheMenu').collapse('show');

不出所料，要关闭菜单，只需使用

$('#TheMenu').collapse('hide');