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();