I'm trying to make a show/hide button for a div. I've got a little code that works great. only problem is it shows the div by default and I want it to hide by default. Anyone know how I can do this? Thanks!

Here's the code:

Code:
<HTML>
<HEAD>
<script language="javascript">
function toggleDiv(divid){
if(document.getElementById(divid).style.display == 'none'){
document.getElementById(divid).style.display = 'block';
}else{
document.getElementById(divid).style.display = 'none';
}
}
</script>
</HEAD>
<BODY>
<a href="javascript:;" onmousedown="toggleDiv('list');">Toggle Div Visibility</a>
<div id="list">hello</div>
</BODY>
</HTML>