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 执行 hide() 操作。

此致。

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

jQuery - 隐藏时显示，显示时隐藏

jQuery - show when hidden, hide when showed

show

hide