jquery,animate - clicks

[Scientist 2]

Bom Dia, como faço o seguinte em jquery:

 

1 - Quando clicar Faço algo, porém o que foi anteriormente clicado volta ao estado normal.

Ex: quando o usuário clica no span001 ele fica vermelho, ae quando ele clicar no span002 ele fica vermelho e o span001 volta ao normal, e assim por diante.

 

Como faço esse tratamento em jquery ?

[Lucas Peperaio 20]

$("span").click(function(){
 $(this).animate({
"background":"red"
 },500).prev("span").animate({"background","black"},300); 
});

 

Não testei mas deve funcionar

[JCMais 75]

$("span").click(function(){
 $(this).animate({
"background":"red"
 },500).prev("span").animate({"background","black"},300); 
});

 

Não se deve colocar aspas no nome das propriedades de um objeto.

[Lucas Peperaio 20]

Não se deve colocar aspas no nome das propriedades de um objeto.

 

esqueci...

JSON certo?

código corrigido:

$("span").click(function(){
 $(this).animate({background:"red"},500).prev("span").animate({background:"black"},300); 
});

[Henrique Barcelos 290]

Não se deve colocar aspas no nome das propriedades de um objeto.

Na verdade, tanto faz, as duas sintaxes estão corretas...

Você pode querer escrever:

{
'background-color' : '#FFF'
}

Ao invés de

{
backgroundColor : '#FFF'
}