Far Scomparire o Apparire un Div

[Egzon]

Per quanto riguarda visibility non l'ho ancora mai usato, devo andarmelo a vedere in qualche guida.
Di solito uso display per nascondere o eventualmente far apparire il sottomenù.
Ma come bisogna scrivere il comando ad esempio:

#primo_contenitore:hover > #secondo_contenitore{
display:none;
}
Ecco quello che non capisco è come dire tramite css di nascondere il div 2 quando passo sopra il div 1. La sintassi

[balsamico]

Ecco quello che non capisco � come dire tramite css di nascondere il div 2 quando passo sopra il div 1. La sintassi

Qualcosa del genere.
<script>
function show(id) {
document.getElementById(id).style.visibility = "visible";
}
function hide(id) {
document.getElementById(id).style.visibility = "hidden";
}
</script>

<div onMouseOver="hide('div2')" onMouseOut="show('div1')">
<div id="div1">Div 1</div>
</div>
<div onMouseOver="hide('div1')" onMouseOut="show('div2')">
<div id="div2">Div 2</div>
</div>

[Egzon]

è proprio quello che cercavo, grazie mille ad entrambi

[Egzon]

Essendo inizialmente invisibile il div id=menu scrivendo:
<button onClick="document.getElementById('menu').style.dis play = 'block';">QUI</button>
lui mi fa comparire il div=menu. Però poi se clicco di nuovo sopra il button ovviamente il menu non scompare. Cosa devo dirgli per far si che questo avvenga?