2017-10-17 29 views
-2

不工作的代碼切換欄,但沒有顯示文本 '顯示側邊欄' 或 '隱藏邊欄'的jQuery的if-else statment在切換

var sAndw = $("#sidebar, #wrapper"); 
    $("#sidebarToggle").on("click", function() { 
    $sAndw.toggleClass("hide-sidebar"); 
    if ($sAndw.hasClass("hide-sidebar")) { 
     $(this).text("Show Sidebar"); 
    } else { 
     $(this).text("Hide Sidebar"); 
    } 
+0

移動$(this)來一個變量,如果是塊,請參閱 – CognitiveDesire

+1

這就是你所有的代碼?缺少關於'on'的閉括號內容 –

+1

請顯示相關的HTML和CSS;沒有我們沒有足夠的想法想要影響什麼,這使得很難提供切實可行的建議或建議。請參閱「[mcve]」和「[問]」指南。 –

回答

0
var sAndw = $("#sidebar"); 
     $("#sidebarToggle").on("click", function() { 
     //$sAndw.toggleClass("hide-sidebar"); 
     if ($sAndw.hasClass("hide-sidebar")) { 
      $(this).text("Hide Sidebar"); 
      $("#sidebar, #wrapper").removeClass('hide-sidebar'); 
     } else { 

      $(this).text("Show Sidebar"); 
      $("#sidebar, #wrapper").addClass('hide-sidebar'); 
     }});