2016-12-03 43 views
0

我的代碼無法正常工作。這是用於漢堡菜單Jquery if else hamburger

$("#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") 

}); 
+1

['如果...否則statement'](https://開頭開發商。 mozilla.org/en-US/docs/Web/JavaScript/Guide/Control_flow_and_error_handling#if...else_statement) – Andreas

+0

我覺得你對Javascript來說還是個新手。閱讀「if ... else」是如何工作的,並且您會知道爲什麼代碼無法工作。 – 31piy

+0

一些HTML會很棒! –

回答

2

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

需要一些括號。試試這個:if-else語句似乎不正確

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

試試這個:

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