jquery - onclick addClass，如何再次删除类

我有这段代码来切换侧面板：

$(".example_wrapper_panel_link").click(function() {
$(".example_wrapper").addClass('example_wrapper_active');
$(".example_wrapper_panel").animate({width: "toggle"}, 400);

addClass工作正常，但是现在当我再次单击以隐藏div时，我想再次删除添加的类。

似乎找不到这种情况的解决方案。

在此先感谢您的帮助。

最佳答案

您应该使用.toggleClass()方法。

$(".example_wrapper_panel_link").click(function() {
   // instead of addClass() just use toggleClass()
   $(".example_wrapper").toggleClass('example_wrapper_active');
   $(".example_wrapper_panel").animate({width: "toggle"}, 400);
});

.toggleClass()将添加类到目标（如果不存在），然后再次将其删除（如果存在）。

关于jquery - onclick addClass，如何再次删除类，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11046543/