jQuery Fade-In OnLoad?

Question

Okay what I am simply looking for is a short/easy script that will allow me to replace the DIV name so that I can have multiple divs on a page fadein once loaded (including images within them).

Any ideas?

Thank you!

Answer 1

Give the divs a common class (e.g. "fade") and use code similar to this

$(document).ready(function(){
    $(".fade").hide(0).delay(500).fadeIn(3000)
});

http://jsfiddle.net/5td73/

Answer 2

Put this code in your javascript file, for each element you want to fade it add the class="fadeOnLoad" code and make sure to add display: none to the css for any elements you want to have hidden on load:

$(document).ready(function() {
       $('.fadeOnLoad').fadeIn('slow');
);