If statement 如何切换多个布尔div

我有一个图像网格，我想在单击每个图像时切换动画。此函数为所有图像设置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;                        
}     
});

多谢各位。

---

下面是上面提到的问题：

addClass、removeClass和hasClass的Jquery方法可以在这里轻松解决问题， CSS:

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');


});

---

这里是fiddle

您需要将true或false与图像标记的某些属性关联起来，这对于所有图像都是不同的。您计划在何处以及如何使用它？JSFIDLE演示说明了这个问题。单击图像时，边框会切换，但单击图像旁边的图像时，需要单击两次才能打开边框

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

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

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


});