how to fadein LI elements randomly? (jquery)

[hobier]

Hi ive got a set of li with hover effect, what i want is when the page loads ALL the li fadein randomly.

i don’t want to shuffle them…..they should keep their ordering intact meaning 1,2,3,4,5…. just want to make them appear on the page randomly and stay there

test page: http://humayunrehman.com/hovertest/

Their appearance on the page should be random…

this is the effect i was hoping to incorporate:
http://www.boedesign.com/demos/jsquares

for example:
Li order (remains intact): li-1 li-2 li-3 li-4 li-5 ….
Appear randomly : 3rd 1st 4th 2nd 5th

Everytime page loads they appear randomly

[jamygolden]

html:

Code:

• one
• two
• three
• four
• five

jQuery:

Code:

$(document).ready(function(){

$(“ul li.two”).fadeIn(function(){
$(“ul li.three”).fadeIn(function(){
$(“ul li.one”).fadeIn(function(){
$(“ul li.five”).fadeIn(function(){
$(“ul li.four”).fadeIn(function(){

});
});
});
});
});

});

[Author]

Posts