Я работаю над проектом панели пользователя, где пользователь может взаимодействовать с виджетами (очень похоже на панель инструментов iGoogle). Я использую портлеты jQueryUI для хранения фреймов. Проблема, с которой я сталкиваюсь, заключается в том, что я хотел бы изменить размер iframe в режиме реального времени, когда содержимое внутри iframe расширяется с использованием анимации jQuery. Например, у меня есть встроенный элемент управления аккордеоном внутри iframe. Когда пользователь нажимает на панель, чтобы развернуть аккордеон, я вызываю функцию slideDown (), чтобы показать содержимое. Когда анимация slideDown () завершена, я изменяю размер iframe в соответствии с новой высотой тела. В результате содержимое аккордеона скользит вниз, пока не выйдет за пределы виджета во время анимации слайда. Как только анимация завершена, изменение размера позаботится о новой высоте виджета, и все выглядит хорошо. Это довольно изменчивая анимация, и я хотел бы изменить размер iframe, чтобы он расширялся до высоты тела iframe во время анимации slideDown (). Что я могу сделать, чтобы расширить iframe в зависимости от высоты тела во время анимации слайдов?

Вот код, который я сейчас использую.

// 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');
}