Hjälp med javascript

Behöver hjälp med ett script. Det är två delar som tillsammans utgör en länkmenu som kan expanderas. Den ena kodsnutten ligger i en separat .js-fil och ser ut såhär:

function tierMenu(objMenu,objImage)
{
var myElement = document.getElementById(objMenu);
if (myElement.style.display == "none")
{
myElement.style.display = "";
}
else
{
myElement.style.display = "none";
}
}

Och den andra delen är en vanlig html-kod som läggs in där menyn ska vara och ser ut såhär:

<script type="text/javascript" src="tierMenu.js"></script>

<div>
<a href="JavaScript://" onClick="tierMenu('menu1')">MENU ONE</a><br>
<div id=menu1 style="padding:5px;display:none">
...........content...........
</div>
</div>

<div>
<a href="JavaScript://" onClick="tierMenu('menu2')">MENU TWO</a><br>
<div id=menu2 style="padding:5px;display:none">
...........content2...........
</div>
</div>

Undrar bara hur man kan skriva för att få menyn att bara visa en underneny i taget. Om man expanderar en menydel och sedan expanderar en annan så ska den första gå in. Det behövs en till funktion naturligtvis men hur ska man skriva den?

Om det är ok så har du en färdig sådan meny (med lite fler funktioner) här. Den diskuteras i denna tråd om du undrar hur den fungerar.

Ser jättebra ut. Den kommer till användning :) Tack Jojoxx.