The .slideDown() method does what i need except for one detail. That is that the content inside the div container which is being animated, is "anchored" to the top, or rather, the content inside the container is not moving while the .slideDown is being animated.

What i would like is for the content to be anchored to the bottom of this slowly revealing div (upon which the method is called), so that the content is actually moving together with the bottom border of the div - that way, the new content coming from above, filling the space where old content once was, will look like it's "pushing" the old content out, instead of merely replacing it.


(I do not know the size of the new content because it will be filled with Ajax, so workarounds with fixed heights and absolute positions will not work)