Expand An Iframe During Jquery Animation When Contents Expand

I'm working on a user dashboard project where a user can interact with widgets (very similar to iGoogle dashboard). I'm using jQueryUI portlets to hold iframes. The problem I'm run

Solution 1:

it is possible, you have to make your one accordion to get the step-event of the performed animation.

i've created a animated box. if the box is getting bigger or smaller, the step-event calls the function resizeIframe(height). this function again call the homonymous function resizeIframe(height) in the parent document. try this demo:

http://algorhythm.de/tools/resizeable-iframe/index.html

Solution 2:

The jquery accordion has an event in its API which is fired when the animation is complete:

Triggered after a panel has been activated (after animation completes). http://api.jqueryui.com/accordion/#event-activate

Using this event to trigger the iframe resizing works fine for me.

Solution 3:

From my research iframes cannot be expanded. They must be given a fixed width & height.