Ocultar Div

gylle05 · #1 (**permalink**) 27/06/2012, 19:05

Buenas amigos...como va???...les comento mi problema....tengo una pagina donde tengos distintos div
<div id='a'>
//codigo
</div>
<div id='b'>
//codigo
</div>
<div id='c'>
//codigo
</div>
en el onload de mi pagina ocultos todos y solo dejo el primero.
Ahora si selecciono una opcion ke tenga ke mostrar el div b, recargo la pagina y me oculta todos y me muestra el div "b"...pero al parecer mi servidor no es tan veloz y muestra todos los divs y despues los oculta...hay alguna manera de ke no pase esto???? es decir ke no se muestren y luego se oculten????

C2am · #2 (**permalink**) 27/06/2012, 23:54

¿Y como es que lo ocultas? ¿usas css o javascript?
Muestra el código que estas usando.
Saludos

gylle05 · #3 (**permalink**) 28/06/2012, 06:52

utilizo javascript
function ocultar()
{
div = document.getElementById('a');
div.style.display='none';
div = document.getElementById('b');
div.style.display='none';

}
que esta funcion se llama en el load del body
<body onload=ocultar();>

galmac12 · #4 (**permalink**) 28/06/2012, 12:01

por q no los ocultas todos desde css, y despues con JS ya vas apareciendo el q quieras? se me hace un mucho mas facil y menos complicado

gylle05 · #5 (**permalink**) 28/06/2012, 17:40

ok lo pruebo y les cuento!!!!

gylle05 · #6 (**permalink**) 28/06/2012, 17:46

y como lo oculto display:none???? por ke los oculte pero ahora no me los muestra

aguiacir · #7 (**permalink**) 29/06/2012, 08:34

Con un show de jquery(NOTA: antes tienes que mandar llamar su libreria). le pones a todos la misma clase y haces que te muetre solo uno. seria algo asi:

Código HTML:

Ver original<a onclick="$('.cajas').hide('slow'); $('#a').show('slow')">
muestra la caja a
</a>
<a onclick="$('.cajas').hide('slow'); $('#b').show('slow')">
muestra la caja b
</a>
<a onclick="$('.cajas').hide('slow'); $('#c').show('slow')">
muestra la caja c
</a>
 
<div class="cajas" id='a'>
//codigo
</div>
<div class="cajas" id='b'>
//codigo
</div>
<div class="cajas" id='c'>
//codigo
</div>

gylle05 · #8 (**permalink**) 29/06/2012, 17:54

jjjujuujujuju aguiacir genio je ta buenisimo el codigo, no se me habia ocurrido buscar algo con jquery. Muchas gracias!!! muchas garciias todos!!!!