如果其他汉堡包

Question

我的代码不起作用。这是汉堡菜单

$("#nav-button").on("click", function(){
    if
    ($("#list-nav").css('display') == 'none');
    $("#list-nav").slideDown(300);
    else 
    ($("#list-nav").css('display') == 'block');
    $("#list-nav").slideUp(300);
    $(".hamburger").removeClass( "is-active" )
});

Answer 1

if-else语句似乎不正确

$("#nav-button").on("click", function(){
  if($("#list-nav").css('display') == 'none') {
    $("#list-nav").slideDown(300);
  } else {
    $("#list-nav").slideUp(300);
    $(".hamburger").removeClass( "is-active" )
  }
});

Answer 2

需要一些括号。尝试以下操作：

$("#nav-button").on("click", function() {
    if ($("#list-nav").is(':hidden')) {
        $("#list-nav").slideDown(300);
    } else {
        $("#list-nav").slideUp(300);
        $(".hamburger").removeClass( "is-active" );
    }    
});

Answer 3

尝试以下：

if($("#list-nav").css("display") == "none")
            {
                alert("Hide");
            }
            else
            {
                alert("Show")
            }