Como puedo dejar un div oculto

rapblack · #1 (**permalink**) 02/08/2010, 11:41

hola estoy intendo ocultar el div lo puse en clase active con style none pero no consigo que se que de asi , lo pulso y se oculta pero luego al soltarlo se queda como estaba, bueno estube intentandolo con el visited pero si lo ago en tal y como esta el div desaparese y ahy si que no puedo clikearlo ,, sobre todo lo que quiero es que clickeen una imagen y a su vez lleve a la div qu esta debajo y ese seguidamente del siguiente como una lista de fotos o algo asi muchas gracias

cristian_cena · #2 (**permalink**) 02/08/2010, 15:54

Hola rapblack:

para ocultarlo ... div{display:none;}
para volver a mostrarlo ... div{display:block;}

Espero te sirva. Saludos

exxqizofrenicoo · #3 (**permalink**) 02/08/2010, 18:58

no entendi mucho el tema de active o visited, lo mejor que puedes hacer es lo que te dijo cristian_cena aplicarlo con javascript y tambien para lo que pediste de la galeria.
si te explicas un poco mejor y nos dejas los codigos o una url donde este el ejemplo, te voy a poder ayudar.
Saludos

canino_latino · #4 (**permalink**) 02/08/2010, 23:02

Hola bueno mira:

solo coloca esto en tu enlace:

Código HTML:

Ver original<a href="#" onclick="ocultar();">No se que tienes aqui</a>

este seria tu div:

Código HTML:

Ver original<div id="oculto" style="display: none;">Contenido</div>

y esta seria tu funcion javascript:

Código Javascript:

Ver originalfunction ocultar(){
var oculto = document.getElementById("oculto");
if (oculto.style.display=="none"){
        oculto.style.display="block"
        }
        else {
        oculto.style.display="none"
        } 
}

aqui te muestro todo en un solo documento:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es">
<head>
<title>Tu titulo</title>
<script type="text/javascript">
function ocultar(){
var oculto = document.getElementById("oculto");
if (oculto.style.display=="none"){
        oculto.style.display="block"
        }
        else {
        oculto.style.display="none"
        } 
}
</script>
</head>
<body>
<a href="#" onclick="ocultar();">No se que tienes aqui</a>
<div id="oculto" style="display: none;">Contenido</div>
</body>
</html>