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

【问题标题】：How to change the active state of the button in jQuery如何在jQuery中更改按钮的活动状态
【发布时间】：2012-02-09 01:28:31
【问题描述】：

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

让 div 变为绿色的代码（通过添加 ACTIVE 类）是：

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

但我不知道如何恢复状态，以便当再次单击按钮时，div slideContainer 隐藏它应用类（非活动），因此它处于循环状态，所以接下来单击活动，单击在那之后 INACTIVE 依此类推。

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

【问题讨论】：

标签： jquery

【解决方案1】：

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

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

注意：

在点击处理程序内部，this 是被点击的元素，你不需要重新查询它。只需使用$(this) 来引用元素#clickme

【讨论】：

非常感谢。这么简单，我觉得有点傻！
这是有经验的。现在你知道了 ;o) 很高兴它有帮助。