javascript - javascript アニメーション div 100px 左、次に 100px 右?

Question

左に100px移動してから元の位置に戻るようにdivをアニメーション化しようとしているので、右に100px移動します。

アニメーションを停止する前に、これを 5 回実行します。

誰かがこれを機能させる方法を教えてください。

<script>

function loop() {
    $('.sign_up').animate({right:'+=100px'}, 1000, function() {
        $(this).animate({left:'-=100px'}, 1000, function() {
            loop();
        });
    });
}

$(function() {
    loop();
});

</script>