He descubierto que se trata de un problema de velocidad en al ejecución de funciones. De hecho ralentizando la ejecución de resize() si consigo hacerla funcionar. Pero claro, ahora lo que tengo es una animación, primero del contenedor y a los 500ms siguientes la animación del contenido. Y lo que me gustaría es que el escalado de ambos elementos se produjera al mismo tiempo para así tener un efecto suave de los dos.
Alguien sabría decirme si es posible lanzar los dos funciones al mismo tiempo según este planteamiento? Si es necesario cambiarlo lo cambio, seguramente no sea ni correcto hacerlo como lo estoy haciendo ahora.
Ahora en changeView tengo lo siguiente:
Código PHP:
function changeView(){
if(gallery.hasClass("largeExp")){
gallery.removeClass("largeExp");
gallery.stop(true).animate({'height':'200px'},500);
console.log("Normal Mode");
}
else{
gallery.addClass("largeExp");
gallery.stop(true).animate({'height':'650px'},500);
console.log("Expand Mode");
}
console.log("Ahora debería de lanzar resize()");
setTimeout(function() { resize(); }, 510);
}
Como veis espero a que la animación del contendor se produzca y luego se produce la del contenido. ¿Qué opináis?