Tree-menu med definering af udfoldet nodes

Her er en simpel én:

<a href="#" onClick="document.getElementById('menu1').style.display = (document.getElementById('menu1').style.display == 'block') ? 'none' : 'block'; return false;">Åbn/luk menu1</a>
<br>
<div id="menu1" style="display: block;">
Denne menu er åben fra start
</div>
<br>
<a href="#" onClick="document.getElementById('menu2').style.display = (document.getElementById('menu2').style.display == 'block') ? 'none' : 'block'; return false;">Åbn/luk menu2</a>
<br>
<div id="menu2" style="display: none;">
Denne menu er lukket fra start
</div>
<br>
<a href="#" onClick="document.getElementById('menu3').style.display = (document.getElementById('menu3').style.display == 'block') ? 'none' : 'block'; return false;">Åbn/luk menu3</a>
<br>
<div id="menu3" style="display: block;">
Denne menu er også åben fra start
</div>

phoenixy,

Du er jo' intet mindre end genial, tænk det kan gøres så simpelt.
Tak for hjælpen.

/Buzz