Problema con Altura en JQUERY

[sensacion3]

Hola. Estoy haciendo una web que carga contenido por medio de la funcion load de jQuery pero que hace un efecto en particular y alli es donde radica mi problema. El efecto es el siguiente:

La sección de destino del contenido es animada hasta tener altura 0, se carga el contenido en cuestión y se despliega nuevamente a la altura correspondiente. (Se puede ver en funcionamiento en [URL="www.sintonia3.com.ar"]www.sintonia3.com.ar[/URL] con un arreglo provisorio de mi problema para que funcione correctamente)

El problema es que no tengo forma de obtener el valor de la altura del nuevo contenido ya que el div donde lo cargo tiene valor 0, entonces la segunda parte del efecto, donde se despliega nuevamente no consigo que funcione. O bien se queda sin desplegarse o se despliega a la altura del contenido anterior y luego salta mágicamente a la altura del nuevo contenido. Por lo que estuve leyendo (y créanme que fue mucho) es un problema bastante común con acordeones por ejemplo, pero no encuentro como resolverlo.
Actualmente, lo solucione agregando un valor a cada botón que le pasa la altura correspondiente al código java pero ahora tengo que agregar un blog que carga contenido por php, por ende, no conozco la altura del contenido, en consecuencia, mi solución no sirve.

Existe forma de solucionar esto de manera simple? Si no existe de manera simple, cual es la manera compleja?

Muchas gracias!

PD: Si se fijan, esta pagina: [URL="http://css-tricks.com/startstop-slider/"]http://css-tricks.com/startstop-slider/[/URL] a la derecha en donde dice EXPLORE ye PIONEERS hay un efecto similar y sospecho que tambien hace una carga con php.

[JavierB]

Hola sensacion3

Muevo tu tema al foro de Frameworks Javascript desde Javascript.

Saludos,

[mayid]

A mi me pasa algo similar con esta galería:

Cuando todo funciona bien, el efecto es bueno. Y es lo que vos buscas. Pero puede fallar cuando la foto tarda en cargarse. Esto es así porque el div contenedor toma su tamaño de cada nueva foto que muestra. Es decir, el div tienen un height cambiante, basado en la altura de la foto + un margen.

http://libasoles.com.ar/3d.php?c=ArtofIllusion

(repito que la galería a veces se muestra mal porque la foto tarda en carga y consecuentemente el div no se redimensiona).

[sensacion3]

Exacto. Lo que quiero hacer es similar eso. La diferencia es que todas esas imagenes tienen la misma altura, yo en cambio, tengo alturas que van a variar en dependencia del contenido php. ((Me corrijo, ya vi que no es asi))

Vi que las imagenes son de diferentes tamaños. Lo que pasa es que vi en el codigo fuente que usa el FlickrGallery, un codigo ya armado. Me parece medio lio andar buscando como funciona. Vos tenes alguna idea? ((Me corrijo nuevamente, ya encontré como funciona))

La diferencia con lo que yo quiero hacer es que ese codigo usa imagenes, y parece que si puede obtener el valor de altura de una imagen. Alguna idea?

[mayid]

Vos usas divs? Podes obtener el hight de cualquier elemento con jquery!

[sensacion3]

si, uso divs. Se que puedo obtener el height del cualquier elemento, el problema es que como yo llevo la altura a cero para despues expandirla, el valor de height que obtengo es 0.

[mayid]

El tema es así:

contenedor / contenido.

Vos tenes un contenido. Y cuando lo cambias, tomas la altura del nuevo contenido (mientras lo mantenes oculto, si te parece), y en base a esa altura, seteas el contenedor, con un plus de margen:

function calcHeight() {

content.fadeOut(function(){

container.animate({
height:content.height()+marginHeight+'px'
}, function(){content.fadeIn();

})
})

Algo así.

[sensacion3]

Iniciado por mayid

El tema es así:

contenedor / contenido.

Vos tenes un contenido. Y cuando lo cambias, tomas la altura del nuevo contenido (mientras lo mantenes oculto, si te parece), y en base a esa altura, seteas el contenedor, con un plus de margen:


Algo así.

MAGNIFICO!!

Después de tantos días dando vueltas con una buena solución para esto y era algo tan simple! Muchas gracias por la respuesta.


Saludos!