Aumentar altura poco a poco

[salbatore]

Hola, foreros:

¿Como puedo hacer para aumentar la altura poco a poco de un div?, el problema que tengo es que la altura la desconozco, es decir, ya tenga un div de 100px o de 400px, busco que se muestre de 0 a su altura.

¿Como lo hago?

[David]

Puedes hacer un setTimeout() que vaya cambiando la altura del div poco a poco. . No entiendo qué quieres decir con que no conoces la altura, ya que la altura la defines tú por código .

[buzu]

???
Tampoco entendí muy bien, pero ese tema se ha tratado muchas veces antes. Buscaste antes de preguntar? Lo digo por que es uno de esos temas que si buscas luego luego encuentras ya que son cosas que mas gente ha preguntado antes.

[salbatore]

Hola de nuevo...

No se mucho de javascript, jeje... Mira he hecho una funcion que oculta y muestra un div. Mi intencion era que se mostrase poco a poco, y he supuesto que debo hacerlo aumentando su altura poco a poco. He intentado hacerlo, pero no tengo ni idea... jeje.

Yo ahora oculto los divs de esta forma:

Código:

function accordion(div)
	{
 		accordion_div = document.getElementById(div);
 			if(accordion_div.style.visibility!='hidden')
				{
					// ocultar
   		 			accordion_div.style.visibility='hidden';
					accordion_div.style.position='absolute';
  				} 
			else 
				{
				        // mostrar
    					accordion_div.style.visibility='inherit';
					accordion_div.style.position='';
				}
	}

¿Como puedo hacer que al //mostrar aumente su altura poco a poco hasta llegar a la adecuada para verlo entero?

[David]

Como te dijo buzu, el tema ha sido tratado varias veces. Si haces una búsqueda en este foro seguro que encontrarás lo que buscas.

Además, ¿has investigado sobre lo que te dije de usar setTimeout()?

[Panino5001]

Aquí tenés un ejemplo para que veas si te sirve. Fijate en el código fuente. http://www.disegnocentell.com.ar/new...xpandibles.php
Lo importante es en principio tomar el valor de la propiedad offsetHeight de la capa para saber cuál es la altura total de la misma, luego colocar el height de dicha capa a cero, y usar temporizadores (setInterval, setTimeout) para hacer que aparezca o desparezca en función a un evento.

[salbatore]

Hola, Panino5001:

Muchas gracias... es justo lo que buscaba, es que en los ejemplos que he encontrado siempre partian de saber la altura del div, jeje...

Muchas gracias...