jQuery IF/Else Statement

Question

我試圖運行一個檢查，看看CSS的'display'屬性是否設置爲「none」，如果是滑動滑動元素「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'); 
    } 
    }); 
}); 

Answer 2

刪除; if if和add（）

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

Answer 3

使用jquery :visible選擇器。

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