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?