在bootstrap中切换菜单

时间:2016-01-23 20:06:52

标签: javascript jquery html css twitter-bootstrap

我正在使用此引导程序:http://blackrockdigital.github.io/startbootstrap-simple-sidebar/ 我想更改“切换菜单”按钮上的文本。 我想要一个文本“显示菜单”,“隐藏菜单”。 我只发现这个片段是代码,但我只能更改一次名称。我不知道如何做第二个文本“显示菜单”(侧边栏ID隐藏)。

<a href="#menu-togglemenu-toggle" class="btn btn-default" id="menu-toggle">Hide Menu</a>

1 个答案:

答案 0 :(得分:1)

用以下代码替换实际的JavaScript代码:

$("#menu-toggle").click(function(e) {
    e.preventDefault();
    if($('#wrapper').hasClass('toggled')){
        $(this).html('Hide menu');
    } else {
        $(this).html('Show menu');
    }
    $("#wrapper").toggleClass("toggled");
});