如何在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