Ocultar con "style.display"

medinauta · #1 (**permalink**) 15/01/2007, 15:18

Tengo este script en el <head>:

Código HTML:

<script type="text/javascript">
	<!--
	window.onload=mymenu;
	function mymenu(id) {
	var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
	if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
	if (d) {d.style.display='block';}
	
	}
	//-->
</script>

Los elementos los tengo con un Id:

Código HTML:

<div id="smenu1">

y llamo a la funcion con:

Código HTML:

onclick="javascript:mymenu('smenu1');"

Ahora, esto hace que al cargarse la pagina todos los Ids "smenu" se oculten, y al llamar a uno, lo muestra,si llamo a otro, oculta al anterior y muestra al que llame.. pero quisiera que me ayuden a encontrar una forma de que al volver a dar click en uno actualmente mostrado haga que este se oculte!

Se puede?

Myakire · #2 (**permalink**) 15/01/2007, 15:21

Cita:

que al volver a dar click en uno actualmente mostrado haga que este se oculte!

mmmmmmmmm

<div id="smenu1" onclick="this.style.display='none'">

Saludos

medinauta · #3 (**permalink**) 15/01/2007, 15:47

Seguro?

<div onclick="javascript:mymenu('smenu1');" onclick="this.style.display='none'">

???

Es que para mostrarlo necesita llamar a la funcion en javascript "mymenu"...
es por eso que pensaba que la solucion deberia ser en el script....

la cuestion es que lo uso asi:

Código:

<div onclick="javascript:mymenu('smenu1')>
<div id="smenu1">
contenido
</div>
</div>

<div onclick="javascript:mymenu('smenu2')>
<divid="smenu2">
contenido
</div>
</div
...

al hacer click en uno muestra ese y oculta el resto, pero quiero que al volver a cliquear en el que ya esta abierto, se oculte, quedando todos ocultos otra vez...

medinauta · #4 (**permalink**) 16/01/2007, 10:24

Nope, no me funciona nada :(

medinauta · #5 (**permalink**) 24/01/2007, 09:28

Al fin... Im feeling lucky!

La respuesta a mi menu estaba ya contestado por Caricatos aqui

Basicamente:

Cita:

Los estilos deberían ponerse inline:

<div id="capa1" style="display: block">
contenido de capa
</div>

El nombre de la función estaría mejor cambiar (como la original)... y su contenido...

function cambiar(capa) {
soy = document.getElementById(capa);
soy.style.display = (soy.style.display == "block") ? "none" : "block";
}

Y la llamada igual (cambiando mostrar por cambiar)

caricatos · #6 (**permalink**) 24/01/2007, 09:49

Hola:

Me alegra saber que te ha ayudado una participación mía (aunque no sea en este mismo mensaje)

Saludos

: