逐個淡入元素，然後全部淡出並重新開始

Question

我需要淡入幾個列表元素，然後淡出所有元素並重新開始。我有我在這裏找到的代碼：http://jsfiddle.net/mqthK/，這裏指出：Jquery: Fade multiple elements one after the other。 Howevever，我需要遞歸地運行這個代碼（即 - 淡出所有元素，然後再次調用函數並重新開始）。

請問有人可以爲此分享正確的代碼嗎？

謝謝！

Answer 1

如果更新到1.4.4的jQuery或更高版本，可以使用fadeToggle方法。

如果選擇全部要淡出的元素，並在接下來的元素的索引發送到顯示/隱藏，你可以很容易地循環，並重新啓動：

http://jsfiddle.net/mqthK/48/

function fadeLI(elem, idx) { 
    elem.eq(idx).fadeToggle(500, function() { 
     fadeLI(elem, (idx + 1) % elem.length); 
    }); 
} 

fadeLI($("#list li"), 0); 

Answer 2

檢查是否有是下一個元素;如果沒有，你就在列表的最後;然後淡出所有內容並使用第一個元素運行。

Answer 3

更改fadeLI到如下：

工作例如：http://jsfiddle.net/mqthK/45/

function fadeLI(elem, show) { 
     if(elem.length == 0){ 
      fadeLI($("#list li:first")); 
     } 
     if(elem.is(":visible")){ 
     elem.fadeOut(500, function() { 
        fadeLI($(this).next()); 
      }); 
     } 
     else{ 
      elem.fadeIn(500, function() { 
        fadeLI($(this).next()); 
      }); 
     } 
}