http://learn.javascript.ru/play/Rw26Hb
<!DOCTYPE HTML>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<style>
#list > li {
display: none;
margin: 10px;
}
</style>
</head>
<body>
<ul id="list">
<li>Лист 1</li>
<li>Лист 2</li>
<li>Лист 3</li>
<li>Лист 4</li>
<li>Лист 5</li>
</ul>
<script>
$(function() {
var list = $('#list > li'),
i = 0, show;
(show = function() {
if(i++ > list.length) return;
list.eq(i).slideDown(300, show);
})();
});
</script>
</body>
</html>