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

您可以使用.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();
        }
    });
});

Answer 2

.toggle（）

怎么样？

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