Estoy trabajando en un proyecto de panel de usuario donde un usuario puede interactuar con widgets (muy similar al panel de iGoogle). Estoy usando los portlets jQueryUI para mantener los iframes. El problema con el que me estoy topando es que me gustaría cambiar el tamaño del iframe en tiempo real cuando los contenidos dentro del iframe se expanden usando la animación jQuery. Por ejemplo, tengo un control de acordeón personalizado dentro de un iframe. Cuando el usuario hace clic en un panel para expandir el acordeón, llamo a la función slideDown () para mostrar el contenido. Cuando la animación slideDown () está completa, cambio el tamaño del iframe según la nueva altura del cuerpo. El resultado es que el contenido del acordeón se desliza hacia abajo hasta que se sale de los límites del widget durante la animación de la diapositiva. Una vez que se completa la animación, el cambio de tamaño se encarga de la nueva altura del widget y todo se ve bien. Esta es una animación bastante entrecortada y me gustaría cambiar el tamaño del iframe para que se expanda a la altura del cuerpo del iframe durante la animación slideDown (). ¿Qué puedo hacer para expandir el iframe según la altura del cuerpo durante la animación de la diapositiva?

Aquí está el código que estoy usando actualmente.

// This code gets fired on an accordion panel click event.
content.slideDown(100, function ()
{
    parent.expandContainer('panel1', $('body').height());
});     

// This code resides in the parent page hosting the iframes.
function expandContainer(elementId, height)
{
    $('#' + elementId).children('.content').find('iframe').css('height', height + 'px');
}