Question

I have a homepage with six div’s. They are different shaped boxes, and I want them to fade in at random intervals when the page loads. The javascript code is as follows:

$(document).ready(function(){
    $("#topleft").fadeIn(2000).animate({opacity: 1.0});
});

Of course, I need all six div’s to be targeted, not just one, and I want them to randomly fade in within about 3 seconds of the page load. How would I go about this? By the way, I am using jQuery and since I’m new at it, there may be something I could use that I don’t know about.

Answer 1

Here’s an example for you: http://jsfiddle.net/Paulpro/gTFsk/