我正在开发一个用户仪表板项目,用户可以在其中与小部件进行交互(非常类似于iGoogle仪表板).我正在使用jQueryUI portlet来保存iframe.我遇到的问题是,当iframe中的内容使用jQuery动画扩展时,我想实时调整iframe的大小.例如,我在iframe中有一个自定义手风琴控件.当用户点击面板展开手风琴时,我调用slideDown()函数来显示内容.当slideDown()动画完成后,我会根据正文的新高度调整iframe的大小.结果是手风琴的内容向下滑动,直到它们在幻灯片动画期间超出小部件的界限.动画完成后,调整大小将处理新的小部件高度,一切看起来都很好.这是非常不稳定的动画,我想调整iframe的大小,以便在slideDown()动画期间扩展到iframe的身高.在幻灯片动画期间,如何根据体高扩展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');
}