jQuery IF/Else Statement

Question

Я пытаюсь запустить проверку, чтобы проверить, установлено ли свойство «display» для CSS «none», и если нужно скопировать элемент «menuBK», иначе в slideUp «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

Remove; после того, как, если и добавить()

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'); 
    } 
    }); 
});