如何切换元素类，但是如果单击带有类的元素则删除类？

Question

我想在点击img元素时切换“active”类。但是当点击“活动”类的元素时，我希望将其删除。

这是我目前正在使用的JS：

$('.employee_mugshot').click(function() {
      $(".employee_mugshot").removeClass("active");
      $(this).addClass('active');
});

这是我在JSFiddle中的完整示例：http://jsfiddle.net/patrickbeeson/6ec2K/

Answer 1

那将是toggleClass()，只是确保你没有从当前点击的元素中删除该类，因为这个类总是被添加

$('.employee_mugshot').click(function() {
      $(".employee_mugshot").not(this).removeClass("active");
      $(this).toggleClass('active');
});

FIDDLE