javascript - 带淡入的内联块

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

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

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

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

你有什么主意吗？

最佳答案

尝试

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