Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/11/2010, 08:45
Avatar de pabloe9k
pabloe9k
 
Fecha de Ingreso: julio-2008
Ubicación: Argentina
Mensajes: 190
Antigüedad: 15 años, 9 meses
Puntos: 3
Pregunta div oculto que ocupa espacio...

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?