javascript - jQuery, resize then fadeIn -

i search around don't know how one... receive through $.ajax() data render through jquery template. want:

1. create template object (this 1 done)
2. set hide() (this 1 done)
3. insert page height 1 or 0
4. then make effect re-size (by height) inserted div
5. make fadein on template

so base thing need re-size (slowly) page, add there hidden div (rendered template) , make fadein function on it. same thing on fadeout.

you'll need use callback functions -

$( "#something" ).animate({     height: "100",     width : "100" }, 5000, function() {     $('#someotherthing').fadein(); });