jQuery - zeigen, wenn versteckt, verstecken, wenn

Question

zeigte Ich habe Code:

<script> 
    $(document).ready(function(){ 
     $("#browse").click(function(){ 
      $("#navbar-secondary").show(); 
      $("#navbar-secondary").removeClass('hidden').addClass('animated slideInDown'); 
      $(this).find("a").focus().blur(); 
     }); 
    }); 
</script> 

Es funktioniert gut, aber ich möchte auch hide() Aktion auf #navbar-secondary haben, wenn #navbar-secondary gezeigt wird.

Grüße.

Answer 1

Was .toggle()

$("#navbar-secondary").toggle() 

Answer 2

können Sie mit .is(":visible") überprüfen und dann verwenden, um den .hide() Funktion

$(document).ready(function(){ 
    $("#browse").click(function(){ 
     if ($("#navbar-secondary").is(":visible")) { 
      $("#navbar-secondary").hide().addClass('hidden'); 
     } else { 
      $("#navbar-secondary").show().removeClass('hidden').addClass('animated slideInDown'); 
      $(this).find("a").focus().blur(); 
     } 
    }); 
});