如何切換元素的類，但如果單擊具有類的元素則刪除類？

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