要素を1つずつフェードインしてからすべて消してから始めてください。

Question

いくつかのリスト要素をフェードインしてからすべてフェードアウトしてやり直す必要があります。私はここで見つけたコードを持っています：http://jsfiddle.net/mqthK/、ここで指摘された：Jquery: Fade multiple elements one after the other。しかし、このコードを再帰的に実行する必要があります（つまり、すべての要素をフェードアウトしてから、関数を再呼び出ししてやり直してください）。

誰かがこれに適したコードを共有できますか？

ありがとうございました！

Answer 1

、あなたは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：

の作業例は：あなたはjQueryの1.4.4以降に更新した場合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()); 
      }); 
     } 
}