使用按钮切换bootstrap导航栏

时间:2014-08-26 06:23:40

标签: javascript jquery twitter-bootstrap twitter-bootstrap-3

如何在点击按钮时隐藏导航栏?我尝试了以下,但它不起作用。

<b:commandButton 
    value="New User" 
    onclick="$('.nav').toggle();"
    actionListener="#{loginController.openRegistrionPopup}"/>  

3 个答案:

答案 0 :(得分:1)

尝试

onclick="function(){$('.nav').toggle(); return false;}"

答案 1 :(得分:1)

试试这个:

DEMO:

 $("#btn").click(function () {
            $("#nav").toggle("bounce");
        });

答案 2 :(得分:0)

我试过这个。工作正常。

   <a data-toggle="collapse" data-target=".navbar-ex1-collapse">
      <b:commandButton value="New User" look="link" ajax="true" 
                       actionListener="#{loginController.openRegistrionPopup}" 
                       immediate="true" size="xs" update="registration" />   
    </a>