Problema doble evento Onclick

[tomirammstein]

Mi problema es sencillo de explicar; mi menu deslizable, al hacerle click, debe deslizarse, y una vez deslizado, al hacerle click de nuevo, debe esconderse. Pero no logro poder hacerlo, ¿me dan una mano?


<div id="opcionesDeCuenta"><span onclick="mostrarMenu()">▼</span>
<ul>
<li id="nombreUsuario">&nbsp;&nbsp;Usuario
<ul id="aDeslizar">
<li><a href="configCuenta.php">Cuenta</a></li>
<li><a href="ayuda.php">Auxilio</a></li>
<li><a href="logout.php">Salir</a></li>
</ul>
</li>
</ul>
</div>


<script language="javaScript">
window.addEventListener(load, deslizarMenu, false);

function mostrarMenu(){
var Deslizar = document.getElementById('aDeslizar');
Deslizar.style.display='block';
Deslizar.style.visibility='visible';

}

function esconderMenu(){
var Esconder = document.getElementById('aDeslizar');
Esconder.style.display='none';
Esconder.style.visibility='hidden';
}
</script>

[alexg88]

Una forma, aunque no la única:

Código Javascript:

<div id="opcionesDeCuenta"><span onclick="mostrarMenu(this)">&#9660;</span>
<ul>
<li id="nombreUsuario">&nbsp;&nbsp;Usuario
<ul id="aDeslizar" style="display:none">
<li><a href="configCuenta.php">Cuenta</a></li>
<li><a href="ayuda.php">Auxilio</a></li>
<li><a href="logout.php">Salir</a></li>
</ul>
</li>
</ul>
</div>
 
 
<script language="javaScript">
 
 
function mostrarMenu(objeto){
var Deslizar = document.getElementById('aDeslizar');
Deslizar.style.display='block';
Deslizar.style.visibility='visible';
objeto.onclick = function(){esconderMenu(objeto)};
}
 
function esconderMenu(objeto){
var Esconder = document.getElementById('aDeslizar');
Esconder.style.display='none';
Esconder.style.visibility='hidden';
    objeto.onclick = function(){mostrarMenu(objeto)};
}
</script>
 

De lo que se trata es de asignar la función contraria cuando se realiza una de las funciones y para eso se pasa como parámetro en objeto sobre el que se realiza el evento onclick.