jQuery IF/Else语句

Question

我正在尝试运行检查以查看CSS'display'属性是否设置为"none",如果要将slideDown元素设置为"menuBK",否则请滑动"menuBK",但我收到错误IF线.

$(document).ready(function(){
    $("#burger").click(function(){
        if $("#menuBK").css( "display", "none" ); {
            $("#menuBK").slideDown('slow');
            $('body').addClass('noscroll');
        } else {
            $("#menuBK").slideUp('slow');
            $('body').removeClass('noscroll');
        } 
    }); 
});

Answer 1

你需要换if $("#menuBK").css( "display", "none" );到if ($("#menuBK").css( "display")=="none"),

$(document).ready(function(){
    $("#burger").click(function(){
      if ($("#menuBK").css( "display")=="none") {
        $("#menuBK").slideDown('slow');
        $('body').addClass('noscroll');
    } 
    else {
        $("#menuBK").slideUp('slow');
        $('body').removeClass('noscroll');
    } 
    }); 
});

或者你可以使用jQuery is()方法

$(document).ready(function(){
    $("#burger").click(function(){
      if ($("#menuBK").is(":hidden")) {
        $("#menuBK").slideDown('slow');
        $('body').addClass('noscroll');
    } 
    else {
        $("#menuBK").slideUp('slow');
        $('body').removeClass('noscroll');
    } 
    }); 
});