<DIV> automatisch verbergen

ik heb in mijn pagina in de head een script staan:

<SCRIPT>
function toggleDiv(id,toggle) {
if(toggle == 1) {
if(document.layers) {
document.layers[''+id+''].visibility = "show";
} else if(document.all) {
document.all[''+id+''].style.visibility = "visible";
} else if(document.getElementById) {
document.getElementById(''+id+'').style.visibility = "visible";
}
} else if(toggle == 0) {
if(document.layers) {
document.layers[''+id+''].visibility = "hide";
} else if(document.all) {
document.all[''+id+''].style.visibility = "hidden";
} else if(document.getElementById) {
document.getElementById(''+id+'').style.visibility = "hidden";
}
}
}
</SCRIPT>

en een Divje:

<td bgcolor="#0000FF"><DIV id="menu1">
<A href="link1.htm" class="style2" onClick="toggleDiv('file',0)">Link1</A><br>
<A href="link2.htm" class="style2" onClick="toggleDiv('file',0)">Link2</A><br>
<A href="link3.htm" class="style2" onClick="toggleDiv('file',0)">Link3</A><br>
<A href="#" class="style2" onClick="toggleDiv('menu1',0)"><b>Exit</b></A>

Nu als ik op Exit klik wordt het Divje invisible
ik wil juist dat de div automatisch verbergt als de site geladen wordt, en als er op een knop wordt gedrukt dat ie weer te voorschijn komt.


weet iemand hoe ik dit kan regeelen?

jim