div oculto que ocupa espacio...

pabloe9k · #1 (**permalink**) 07/11/2010, 08:45

Hola, gente.
Necesito su ayuda con este problema.
Estoy usando este código:

Código HTML:

<script language="JavaScript">
   function mostrarDescargas()
   {
      variable1=document.getElementById("mostrarDescargas");
      variable1.style.visibility="visible";
   }
</script>

<body>

   <div onclick="mostrarDescargas()">
      Texto 1
      Texto 1
   </div>

   <div id="mostrarDescargas" style="visibility: hidden">
      Texto 2
      Texto 2
      Texto 2
      Texto 2
   </div>

   <div>
      Texto 3
      Texto 3
   </div>

</body>

En la página se muestra el Texto 1 y el texto 3. Al hacer click en el texto 1 aparece el texto 2. Hasta acá, bien, fácil, funciona perfecto.

El problema se da en que mientras el texto 2 está oculto, en la página se muestra un espacio en blanco como si el texto 2 estuviera ahí pero no se ve.

Se entiende?? Es como que lo estoy haciendo invisible pero el espacio en la página sigue reservado.

Podrían ayudarme para que esto no pase?

JavierB · #2 (**permalink**) 07/11/2010, 08:46

Hola pabloe9k

Cambia visibility por display (block/none)

Saludos,

pabloe9k · #3 (**permalink**) 07/11/2010, 08:59

Eso es exactamente lo que estaba buscando.
No se si se aprecia el subrayado y la negrita. Jaja.

Muchas gracias, JavierB.

Saludos.