[jQuery] Resize Effect

[jQuery] Resize Effect

Hello
Hopefully not too off-topic for this list:
Maybe someone else here tried something like that before, maybe eben
with jQuery and can give some hints.
I have a webpage which is basically formatted like this:
+-----------------+
| |
| Content Block 1 |
| |
+-----------------+
| |
| Content Block 2 |
| |
+-----------------+
| |
| More Content |
....
Now, the site allows via user interaction to change the layout of
things (toggling between less or more verbose display of information)
within Content Block 2. This might result in the size of the block to
change.
I'd like to animate the change to make the resizing of the block less
irritating. The problem is, all the built-in animations in jQuery
won't quite fit. Calling slideUp/slideDown looks irritating with the
block first disappearing completely.
What I'd really like to have is some sort of animation where a
fadeOut is applied to the content and at the same time, the block
resizes to its final size (which I don't know beforehand - depends
on how the browser does the layout) without first resizing to zero
height, before the block is switched to its final content.
So basically my problem comes down to: I must find out the height of
a DIV as it will be layouted on screen (in a flexible-width layout)
before actually showing it on screen.
Is this possible at all? Anyone got experience with this?
--
Markus Peter - SPiN AG
warp@spin.de
Get Firefox! Smaller, Safer, Faster: http://www.spin.de/ffox
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/