Problemer med tree-menu button

Hej Jeg har et lille problem ! Jeg kan godt finde ud af at lave en Tree-menu Button som default er foldet ud:

<a href="#" onClick="document.getElementById('menu1').style.display = (document.getElementById('menu1').style.display == 'block') ? 'none' : 'block'; if (document.all.pl_1.style.display==''){document.all.pl_1.style.display='none';document.all.mi_1.style.display='';}else{document.all.pl_1.style.display='';document.all.mi_1.style.display='none';} return true;"><SPAN ID="pl_1" Style="display:none">+</SPAN><SPAN ID="mi_1" >-</SPAN>Menupunkt 1</a>
<br>
<div id="menu1" style="display: block;">
Button1
Button
</div>

Men hvordan skal koden se ud hvis den som default skal være "lukket"/ikke udfoldet