如何在jQuery中更改按钮的活动状态

Question

我希望能够根据点击状态更改按钮div的背景。因此，如果它被激活，它会切换div - 它是绿色的，如果它已经关闭，它就是红色。

我将div设为绿色（通过添加类ACTIVE）的代码是：

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

但我不知道如何恢复状态，以便当再次单击该按钮时，div slideContainer隐藏它应用类（INACTIVE），并使其处于循环中，所以接下来单击ACTIVE，单击在此之后，等等。

我认为我打算用类错误定位按钮的状态，但不知道还能做什么！

Answer 1

使用.toggleClass()自动添加/删除该元素的类：

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

注意：

在点击处理程序中，this是单击的元素，您无需重新查询它。只需使用$(this)来引用元素#clickme