私のリストアニメーションで何が間違っていますか？

Question

基本的には、並べ替えられていないリスト項目を1行ずつアニメーション化したいと考えています。 これは当初、1行のテキストに対してアニメーションがどのように開始されたかを示していました。あなたは、結果ウィンドウで見ることができるように、私は私がのsetTimeout関数を使用することができます考え出し一つ一つをアニメーション化する5つの順不同リストについては、ここで私はこれまでhttp://jsfiddle.net/ottster/8ynvymnk/を試してみましたが、何スライドを消えて

var spanWidth = $('ul.imagelist span').width(); 
$('ul.imagelist span').animate({ width: spanWidth }, 3000); 

が表示され、私は何が起こっているのか分からない。いくつかの援助や指示が評価されます。

Answer 1

これを試してみてください：

JS：

$('ul.imagelist span').each(function(i) { 
    var t = $(this); 
    setTimeout(function() { 
    t.parent(".text").show(); 
    t.animate({ width: t.width() }, 1000); 
    }, (i + 1) * 1000); 
}); 

CSS：

.text{ 
    display:none; 
} 

Fiddle