ciao a tutti

codice:
<div class="cale">
<div id="DataTempo" class="data">....contenuto....</div>
<div id="calendario">....contenuto....</div>
</div>
io vorrei che nel momento che porto il mouse sul div cale mi faccia scomparire il div datatempo e mi faccia comparire il div calendario, poi, quando tolgo il cursore dal div cale mi ritorni tutto come prima cioè solo col div datatempo visibile

Come si fa? Che linguaggio è meglio usare?

Grazie mille in anticipo.