Question

I have a list that has indexed classes – what would be the best way to show these one at a time upon fadeIn of the container div?

Answer 1

Give them a common class, and do the fadeIn()^[docs] in a loop using the each()^[docs] method while delaying each one with the delay()^[docs] method for a given duration multiplied by the index of the loop.

$('li.someClass').hide().each(function( i ) {
    $(this).delay( i * 400 ).fadeIn();
});

Each element will begin 400 milliseconds later than the previous.

Example: http://jsfiddle.net/4ANCj/