How do you make the content of a div move with a blind effect rather then being revealed by it?

Right now my blind effect reveals (or uncovers) the already-in-place contents of a div. I want the content to slide in with the blind rather then already being there.

Whats 开发者_运维知识库the best way to do this?

ex. i want to be able to see something positioned at the bottom of the div the whole time not just after the effect is done.

Thanks!

Just create it on the fly and then slide it in:

$('<div/>').css('display','none').appendTo('body').html('your content').slideDown();