jquery.animate在2个循环中有延迟

Question

我在jquery上写动画：有11张以上的图片，它们在页面上向左移动2个循环/循环（for）。

问题：在第一个周期（其中j）动画延迟~1秒之后，然后所有11个图片再次以50px移动。然后再次〜1秒再次移动。所以有11个延迟，var i = [0..10]。如何消除这种延迟？从哪里上升？我需要在每次迭代中顺利和流畅地移动2个循环图片。

P.S。我的目标需要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/