一个一个地淡入元素，然后全部淡出并重新开始

Question

我需要淡入几个列表元素，然后将它们全部淡出并重新开始。我在这里找到了代码：http://jsfiddle.net/mqthK/，这是此处指出：逐个淡入淡出多个元素。但是，我需要递归运行此代码（即淡出所有元素，然后再次调用该函数并重新开始）。

有人可以分享正确的代码吗？

Answer 1

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

如果您选择要淡入淡出的所有元素，并发送下一个要显示/隐藏的元素的索引，则可以轻松循环并重新启动：

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());
            });
        }
}