Tema: Como puedo dejar un div oculto
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 02/08/2010, 23:02
canino_latino
 
Fecha de Ingreso: enero-2010
Mensajes: 113
Antigüedad: 14 años, 3 meses
Puntos: 2
Respuesta: Como puedo dejar un div oculto
Hola bueno mira:

solo coloca esto en tu enlace:

Código HTML: 
Ver original
  1. <a href="#" onclick="ocultar();">No se que tienes aqui</a>

este seria tu div:

Código HTML: 
Ver original
  1. <div id="oculto" style="display: none;">Contenido</div>

y esta seria tu funcion javascript:

Código Javascript: 
Ver original
  1. function ocultar(){
  2. var oculto = document.getElementById("oculto");
  3. if (oculto.style.display=="none"){
  4.         oculto.style.display="block"
  5.         }
  6.         else {
  7.         oculto.style.display="none"
  8.         } 
  9. }

aqui te muestro todo en un solo documento:

Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es">
  3. <head>
  4. <title>Tu titulo</title>
  5. <script type="text/javascript">
  6. function ocultar(){
  7. var oculto = document.getElementById("oculto");
  8. if (oculto.style.display=="none"){
  9.         oculto.style.display="block"
  10.         }
  11.         else {
  12.         oculto.style.display="none"
  13.         } 
  14. }
  15. </script>
  16. </head>
  17. <body>
  18. <a href="#" onclick="ocultar();">No se que tienes aqui</a>
  19. <div id="oculto" style="display: none;">Contenido</div>
  20. </body>
  21. </html>