Jquery 如果还有汉堡包

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

需要一些括号。试试这个：

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

Answer 2

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 3

试试这个：

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