JQuery - показать, когда скрытые, скрыть, когда показал

Question

У меня есть код:

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

Это работает отлично, но я хотел бы также иметь скрыть() действие на #navbar-secondary когда #navbar-secondary предъявляется.

С уважением.

Answer 1

насчет .toggle()

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

Answer 2

Вы можете проверить с .is(":visible"), а затем использовать функцию .hide()

$(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(); 
     } 
    }); 
});