Menu desplegable (y replegabe al hacer clic en otro vinculo)

[Adler]

Hola

Creo que te estás complicando demasiado

Prueba así

Código css:

.oculto {display:none}
 

Código javascript:

var visto = null;
function mostrar(num) {
  obj = document.getElementById(num);
  obj.style.display = (obj==visto) ? 'none' : 'block';
  if (visto != null)
    visto.style.display = 'none';
  visto = (obj==visto) ? null : obj;
}
 

Código HTML:

<p onclick="mostrar(1)">MENU1</p>
<div id="1" class="oculto">
SubMenu<br />
SubMenu2<br />
SubMenu3
</div>


<p onclick="mostrar(2)">MENU2</p>
<div id="2" class="oculto">
SubMenu<br />
SubMenu2<br />
SubMenu3
</div>


<p onclick="mostrar(3)">MENU3</p>
<div id="3" class="oculto">
SubMenu<br />
SubMenu2<br />
SubMenu3
</div> 

Suerte