jquery - 逐个淡出多个元素

Question

是否有任何可能的解决方案来fadeIn(500)一个接一个地淡入(500)多个列表元素？

<ul id="list">
 <li>test</li>
 <li>test</li>
 <li>test</li>
 <li>test</li>
 <li>test</li>
</ul>

Answer 1

你可以执行一个递归函数，当没有 LI 时停止，如下所示:

function fadeLI(elem) { 
  elem.fadeIn(500, function() { fadeLI($(this).next()); }); 
}                            
fadeLI($("#list li:first")​);​

Check it out here