使用按钮切换引导导航栏

Question

How to hide navbar while clicking a button? I have tried the following, but it is not working.

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

Answer 1

尝试

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

Answer 2

Try this:

DEMO:

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

Answer 3

I have tried this. Working fine.

   <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>