带有fadein的内联块

Question

我的列表定义存在一个小问题。基本上，我在我的列表上有一个淡入淡出效果（有效），但问题是当我的<li>出现时，它们不是内联块。所以我在JS中添加了内联块，但是fadein消失了......

 function fadeLI(elem) { 
  elem.fadeIn(500, function() { 
    fadeLI($(this).next().css("display","inline-block")); 
  }); 
 }

 fadeLI($("#portfolio li:first"));

以下是一个示例：http://jsfiddle.net/mqthK/426/

你有什么想法吗？

Answer 1

 .test {
    display: inline-block;
}

http://jsfiddle.net/mqthK/429/

Answer 2

尝试

function fadeLI(elem) { 
    elem.css('opacity', '0').addClass('test').stop().animate({opacity: 1}, 'slow', function() { 
        var $next = $(this).next();
        if($next.length)
            fadeLI($next); 
    }); 
}

fadeLI($("#test li:first"));

演示：Fiddle