Collegare :hover

[xantaresx]

Salve , ho un problema un po' complicato , almeno per me ... Quello che voglio fare è collegare tra loro due div ossia:

<div id="u1" class="ciao">Ciao</div>
<div id="u2" class="ciao">Ciao</div>


.ciao{
background-color:red;
text-transform:lowercase;
}
.ciao:hover{
background-color:blue;
text-transform:uppercase;
}

Quello che voglio come risultato finale è che se uno va su un div qualsiasi dei due entrambi effettuano l :hover quindi nel mio esempio entrambi diventano blu con scritte grandi.
Mi serve in quanto sto creando un sito in joomla e voglio connettere uno slider diviso in 3 img in html5 al menu multilingua assegnando la stessa classe quindi passando sulla prima img dello slider si ha l hover del rispettivo nome menu e viceversa.

Grazie a tutti

[ricman]

Potresti aggiungere una funzione in js in cui cambi al volo la classe (su goooogle trovi migliaia di esempi già scritti) per ogni div ed eseguirla all'onmuosover.

[ricman]

...e sull'onmouseout farai ritorno alla classe precedente