Hola, el siguiente código: onclick="document.getElementById('contenido').styl e.right='-150px';" hecha hacia un lado el contenido general y deja ver un menu lateral que se encuentra debajo de dicho contenido.
Como verán es un script muy sencillo, lo único que hace es desplazar el div contenedor
- (menos) 150 píxeles a la derecha y aparece otro div con menor z-index debajo.
Bueno, el problema está en que al dar click en el botón con la función onclick ocurre el suceso, pero........ ¿¿¿y luego para volver a su posición original???.
Se me ocurre esto, sin embargo, aún no anda:
<div id="contenido" onclick="mostrarMenu(this)">
<div>...</div>
</div>
<script language="javaScript">
function mostrarMenu(objeto){
document.getElementById('contenido').style.right='-150px';
objeto.onclick = function(){esconderMenu(objeto)};
}
function esconderMenu(objeto){
document.getElementById('contenido').style.right=' 0px';
objeto.onclick = function(){mostrarMenu(objeto)};
}
</script>