fade in div on page load

Question

I need a div to fade in when the page loads.

<div id=monster></div>

Im already using jquery FYI.

Thanks in advance.

Answer 1

It cannot be simpler:

$(function(){  // $(document).ready shorthand
  $('#monster').fadeIn('slow');
});

If your div is not initially hidden, you could hide it before the animation:

 $('#monster').hide().fadeIn('slow');

The speed parameter can be 'slow', 'normal', 'fast' or the number of milliseconds to run the animation.

Answer 2

jQuery/fadeIn

$(function() {
    $("#monster").fadeIn();
});

Answer 3

Cool. Works a treat. The .hide part is prety essential!