jquery - jquery.animate には 2 つのループで遅延があります

Question

私はjqueryでアニメーションを書いています.11枚以上の写真があり、2つのループ/サイクルでページを左に移動します( for)。

質問:最初のサイクル (ここでj) の後、アニメーションに約 1 秒の遅延があり、その後 11 枚の写真すべてが再び 50px に移動します。それから再び〜1秒、そして再び動きます。したがって、11 の遅延がありますvar i = [0..10]。この遅延を解消するには？どこから上がるの？反復ごとに 2 ループの画像をスムーズかつ流暢に移動する必要があります。

ps私の目的には2つのループが必要です

$('.movePics').click(function(e) {
        e.preventDefault();
    for (var i = 0; i < 11; i++) {
        for (var j = 0; j < 11; j++) {
            var r = j + i;
            if (r == i) {
                $('ul li:eq('+r+')').hide('slide', {direction: 'left'}, 600);
            } else {
                $('ul li:eq('+r+')').animate({"left": "-=50px"}, 600);
            }
        }
    }
});

ここにjsfiddleがあります：http://jsfiddle.net/zyMXx/