"træmenu" skal åbne istedet for lukke ved klik

Hej eksperter :-)

Jeg har lige et spørgsmål ang. et script. Det er meningen, at jeg gerne vil lave det ”omvendt”. Altså når siden åbnes skal punkterne være skjult, men først ved klik skal de blive synlige. Hvordan gør jeg det?


<script>
function toggle(e){
    if(e.style.display == "none"){
      e.style.display = "";
    }
    else{
        e.style.display = "none";
    }
}
</script>

<div style="cursor: hand" onclick="toggle(HideShow1);">
    <p>Støtte</p>
</div>

<div id=HideShow1>
    <ul>
        <li><a href="../word.htm">Sådan søger du</a></li>
        <li><a href="ppt.htm">Hvem kan søge?</a></li>
    </ul>
</div>

<div style="cursor: hand" onclick="toggle(HideShow2);">
    <p> Projekter</p>
</div>

<div id=HideShow2>
    <ul>
        <li><a href="../cpp.htm">Tidligere Projekter</a></li>
        <li><a href="projekter.html">Kommende projekter</a></li>
    </ul>
</div>


På forhånd tak :-)