Jquery if else 햄버거

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").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") 
      }