.addclass！并再次点击！ .removeclass - jquery

Question

我有一个h1button，有一个标签click to toggle和类名clickMe，我想要它！当我点击click to toggle它添加类示例active类，所以我可以不同于classclickme这是我的默认样式，当我再次单击时，类将自动删除。我尝试了我自己，但不幸的是，我没有运气让它工作。演示下面的js代码是我目前的修订版本。

这个我DEMO

(function($) { 
    $(function() { 
     $('.clickMe').click(function() { 
        $('.content').slideToggle('2000', function() { 
         // Animation complete. 
        }); 
       }); 
     $('.clickMe').addClass('active').removeClass('active'); 
    }); 

})(jQuery); 

Answer 1

必须使用toggleClass（）来。

我改变你的代码

demo

---

的jQuery：

(function($) { 
    $(function() { 
     $('.clickMe').click(function() { 
      $('.content').slideToggle('2000', function() { 
       // Animation complete. 
      }); 
      $(this).toggleClass('active'); 
     }); 
    }); 

})(jQuery); 

Answer 2

你有没有尝试：

(function($) { 
    $(function() { 
     $('.clickMe').click(function() { 
           $('.content').slideToggle('2000', function() { 
         // Animation complete. 
        }); 
        $('.clickMe').toggleClass('active'); 
       }); 
    }); 

})(jQuery);