添加類當點擊一個div

Question

我試圖做一個導航菜單，當我點擊一個div時會展開/摺疊的側欄。

$(document).ready(function() {  
$('.btn-nav').click(function(){  
    $('.sidebar').addClass('expand');  
},  
function(){  
    $('.sidebar').removeClass('collapse');  
}); 
}); 

當我將click功能替換爲懸停功能時，它工作正常。但現在它不會工作。有誰知道我做錯了什麼？

Answer 1

你需要這樣做：

$(document).ready(function() { 
    $('.btn-nav').click(function() { 
     $('.sidebar').toggleClass('expand').toggleClass('collapse'); 
    }); 
}); 

如果你看看click() API Documentation，你會發現，只需要一個功能，但hover()需要一個或兩個處理功能，執行鼠標指針時進入並離開這些元素。

Answer 2

Click事件沒有參數。您可以使用下面的代碼，

$(document).ready(function() { 
    var testMethod = function(event){ 
     if(event.data.flg == 0){ 
      $('.sidebar').addClass('expand'); 
      event.data.flg=1; 
     } 
     else { 
      $('.sidebar').removeClass('collapse'); 
      event.data.flg=0; 
     } 
    }; 


    $('.btn-nav').on('click', {flg: 0}, testMethod); 
});