I've created a jsFiddle. Can you explain again what you are trying to achieve again? This fiddle will animate the display of each list item onLoad. I modified your li css settings display to none. Then with jQuery I loop through the list items and use the slideDown function to create the animation. Hopefully this will at least get you closer to what you are looking for.
$( "li" ).each(function( index ) {
$( this ).slideDown( "slow", function() {
// Animation complete.
});
});
jsFiddle - Animate list items