Question

How can I have my form load with a slideDown() effect rather than normal rendering?

Also, how do I know when a particular div or element has been loaded?

Answer 1

A possible option is:

$.post('/url-having-your-form/',{data:someDataHere},function(response){
   $('#your-destination-element-that-needs-the-form').html(response).slideDown('slow',function(){
      // this code will be executed after the slideDown has finished
   });
},'html');

Assuming that your page hasn’t already got the form, use the above (modifying where required) and if it has already got the form, then you can you try something like this:

$(document).ready(function(){
$('#your-destination-element').css({display:'none'}).slideDown();
});

What behaviour are you currently seeing?