javascript - 带淡入淡出的内联块

Question

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

 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"));

演示：小提琴