Ciao ragazzi, vorrei creare un effetto di sovrapposizione di immagini, ci sono riuscito solo in parte.

Andate a vedere: http://www.ivanisevic82.com/pages/prova3.php#

Cliccate prima su "blu", spunterà un quadrato blu.
Poi su "arancione", ne spunterà uno arancione.

Ma se io voglio tornare a quello blu, cliccando nuovamente "blu" il quadrato non torna.

Come posso fare?

Il codice usato finora è il seguente:

codice:
<div>(Blu)</div>
<div>(Arancione)</div>
<div style="display: none;" id="Blu"></div>
<div style="display: none;" id="Arancione"></div>
codice:
#Blu{
position: absolute;
top: 300px;
height: 128px;
width: 128px;
background-image: url(/media/1.jpg);
}

#Arancione{
position: absolute;
top: 300px;
height: 128px;
width: 128px;
background-image: url(/media/2.jpg);
}
Grazie per l'aiuto!

PS Forse si dovrebbe fare un "fadeTo" da blu ad arancione e viceversa, ma non saprei come scriverlo!
E' solo un ipotesi, mi affido a voi esperti!