使用 JQuery 动态加载列表项

我想构造我的 JQuery 以一次淡入每个单独的项目。这是行为的一个例子，这是我迄今为止拥有的 JQuery：

$('li').css('display', 'none') .delay(1000).fadeIn(800)

这可能不是最好的解决方案，但它应该有效：

$('li').each(function(i){
  var el = this;
  setTimeout(function(){
    $(el).fadeIn(800);
  },800*i)
});

只是为了好玩，递归版本：

function animateLi(i){
  $('li').eq(i).fadeIn(800);
  if ($('li').eq(i+1).length>0)
  {
      setTimeout(function(){animateLi(i+1)},800);
  }
}
animateLi(0);