如何在jQuery中更改按鈕的活動狀態

Question

我希望能夠根據點擊狀態更改按鈕div的背景。所以如果它被激活，並且它切換div - 它是綠色的，如果它關閉，它是紅色的。

的代碼我有獲得股利是綠色的（通過添加類ACTIVE）是：

$('#clickme').click(function() { 
     $('#slideContainer, #buyOffPage').animate({height: 'toggle'}, 2000); 
     $('#clickme').addClass('ACTIVE'); 
}); 

但我不知道如何恢復狀態，這樣，當按鈕被再次點擊，並且div slideContainer隱藏它應用的類（INACTIVE），因此它在循環中，所以下一次單擊ACTIVE，在INACTIVE之後單擊等等。

我想我正在尋找類的按鈕狀態是錯誤的，但不知道還有什麼要做！

Answer 1

使用.toggleClass()，將增加/自動刪除類元素：

$('#clickme').toggleClass('ACTIVE'); 

注：

裏面點擊處理程序，this是點擊的元素，你不需要重新查詢它。只需使用$(this)來引用元素#clickme