jquery點擊功能問題

Question

我有一個功能，當用戶點擊第一次它會添加一個類，然後在第二次點擊它將刪除類，並再次..等等..就像第一次點擊它意味着活躍，然後秒不活躍。就這樣。

這裏是我的代碼：

 
$('.sub-nav-add').css('display','none'); 
    $('.nav-add').click(function(){ 
    $('.sub-nav-add').slideToggle(200); 
    $('.box-add').addClass('sub-nav-active'); 
}); 

我如何可以添加第二個點擊的功能，將removeClass？

Answer 1

看看.toggle method。它會做你想要的。

Answer 2

使用toggleClass。

$('.sub-nav-add').css('display','none'); 
$('.nav-add').click(function(){ 
    $('.sub-nav-add').slideToggle(200); 
    $('.box-add').toggleClass('sub-nav-active'); 
});