Problema con menú desplegable...

[Anarninquë]

Hola, tengo el siguiente menu desplegable, el problema es que no consigo que la categoría activa se cierre cuando se abre una nueva...

Código:

<script type="text/javascript">
<!--
var browserType;
if (document.layers) {browserType = "nn4"}
if (document.all) {browserType = "ie"}
if (window.navigator.userAgent.toLowerCase().match("gecko")) {browserType= "gecko"}

function show(what) {
  if (browserType == "gecko" )
     document.poppedLayer = eval('document.getElementById(\''+what+'\')');
  else if (browserType == "ie")
     document.poppedLayer = eval('document.all[\''+what+'\']');
  else
     document.poppedLayer = eval('document.layers[\''+what+'\']');
  document.poppedLayer.style.display = "block";
}

function hide(what) {
  if (browserType == "gecko" )
     document.poppedLayer = eval('document.getElementById(\''+what+'\')');
  else if (browserType == "ie")
     document.poppedLayer = eval('document.all[\''+what+'\']');
  else
     document.poppedLayer = eval('document.layers[\''+what+'\']');
  document.poppedLayer.style.display = "none";
}
//-->
</script>

y en el tag BODY:

Código:

<li>
<a href="javascript:show('cat1');">Categoría 1</a>
</li>
<div id="cat1" style="display:none;">
prueba 1<br />
prueba 2<br />
</div>
<li>
<a href="javascript:show('cat2');">Categoría 2</a>
</li>
<div id="cat2" style="display:none;">
prueba 3<br />
prueba 4<br />
</div>

Espero que alguien me pueda ayudar!!!

salu3!!!