如何切换多个布尔div

Question

我有一个图像网格，我想在点击每个图像时切换动画。此函数为所有图像设置x = true，如何让它仅影响已点击的img？

var x = false

$('img').click(function(){                  
if (x == false) {               
$(this).animate({border: '5px'});              
x = true;                             
}  

else {                
$(this).animate({border: '0px'});               
x = false;                        
}     
});

谢谢。 以下是上述的小提琴：http://jsfiddle.net/m79fB/

Answer 1

这里可以使用addClass，removeClass和hasClass的Jquery方法来轻松解决问题， CSS：

.add-border {
border:5px solid red;
}

Javascript / jquery：

$('img').click(function() {

var borderClass = $(this).hasClass('add-border') ; // returns true or false 

if(!borderClass)
$(this).addClass('add-border');
else
$(this).removeClass('add-border');


});

这是小提琴http://jsfiddle.net/hearsid/489hW/