添加类当点击一个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); 
});