jquery - jQuery - 2 つの別々のアニメーションを作成する方法

Question

いくつかのアニメーションについて助けが必要です。div1、div2、および div3 を右にスライドさせ、div4、div5、および div6 を左にスライドさせようとしています。現時点では、この 2 つを分離することはできず、すべてが同じ方向にスライドしているように見えます。私はjQueryが初めてで、学習中です。どんな助けでも大歓迎です! これが私のコードです：

<script> 

var animateMe = function(targetElement, speed){
$(targetElement).css({left:'-200px'});
$(targetElement).animate(
    {
    'left': $(document).width() 
    },
    {
    duration: speed,
    complete: function(){
        animateMe(this, speed);
        }
    }
 );
};

$(document).ready(function(){
animateMe($("#div1"), 15000);
animateMe($("#div2"), 13000);
animateMe($("#div3"), 14000);
});

var animateMe = function(targetElement, speed){

$(targetElement).css({right:'-200px'});
$(targetElement).animate(
    {
    'right': $(document).width() 
    },
    {
    duration: speed,
    complete: function(){
        animateMe(this, speed);
        }
    }
);
};

$(document).ready(function(){
animateMe($("#div4"), 16000);
animateMe($("#div5"), 14000);
animateMe($("#div6"), 13000);
});

</script>