Menutræ virker ikke føste gang

Dette script virker næsten, men der er et lille problem men kun første gang man kører scriptet.

Man skal trykke 2 gange på enden Menu punk 1 eller 2, men derefter behøver man kun at trykke 1 gang.

Jeg er løbet tør for ideer, håber en eller anden her inde kan hjælpe.

<style type="text/css">
div.submenu        {display: none;}
</style>


<script type="text/javascript" language="javascript">

function doToggleMenu(id) {
    var temp = document.getElementById(id);
    if(temp.style.display == "none")
        temp.style.display = "block";
    else
        temp.style.display = "none";

/*    var divContainer = document.getElementsByTagName("div");
    var i;
    for(i = 0; i < divContainer.length; i++) {
        if(divContainer[i].className == "submenu")       
            divContainer[i].style.display = "none";       
    }*/
}


    </script>


<div id="menu1"><a href="java script:doToggleMenu('submenu1');">Menu punkt 1</a></div>
<div class="submenu" id="submenu1">- punkt 1<br />- punkt 2</div>
<div id="menu2"><a href="java script:doToggleMenu('submenu2');">Menu punkt 2</a></div>
<div class="submenu" id="submenu2">- punkt 1<br />- punkt 2</div>