Aprire e chiudere menu a discesa

[Ugly Mau]

Ho questo menu a discesa

<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
    for (var i = 1; i<=100; i++) {
        if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
    }
if (d) {d.style.display='block';}
}
//-->
</script> 

Cliccando su un testo (MENU 1) si apre il relativo sotto menu, cliccando su (MENU 2) si chiude quello di prima e si apre il 2.

<dt onclick="javascript:montre('smenu1');">MENU 1</dt>
              <dd id="smenu1">
                <ul>
            [*][url="link.htm"]link[/url][*][url="link.htm"]link[/url][*][url="negozio_quadri.htm"]link[/url][/list]
              </dd>
<dt onclick="javascript:montre('smenu2');">MENU 2</dt>
              <dd id="smenu2">
                <ul>
            [*][url="link.htm"]link[/url][*][url="link.htm"]link[/url][*][url="negozio_quadri.htm"]link[/url][/list]
              </dd> 

Fin qui tutto ok, ora vorrei solo che si potessi chiudere il sotto menu aperto cliccando nello stesso testo con cui l'ho aperto, cioè se clicco su (MENU 1) lo apro, se clicco di nuovo lo chiudo.

Sapete suggerirmi qualcosa?
Grazie