一个接一个错误后滑动图像

Question

我想要一个div中的两个图像，我想要向上滑动第一个图像。我想要向下滑动图像 所以它看起来像之后的滑动图像。之后，我需要第一张图像出现在第一张图像下方并继续此循环。这是我的代码：

$（window）.load（function（）{

setInterval(function(){

    /*$('#image1').slideUp();
    $('#image2').slideUp();*/
    $('#image1').animate({
        height: 0,
        width:270
    }, {
        duration: 2000,

        complete: function(){
            $('#image1').position({top:130});
            $('#image1').width( 270);
            $('#image1').height(130);


        }
    });

    $('#image2').animate({
        height:130,
        width:270
    }, {
        duration: 2000,
        queue: false,
        complete: function(){
            $('#image2').position({top:130});
            $('#image2').width( 270);
            $('#image2').height(130);
            $('#image1').animate({
                height: 130,
                width:270
                }, {
            duration: 2000

            });
            $('#image2').animate({
                height:0,
                width:270
                },{
            duration: 2000,
            queue: false,
            complete:function(){
            $('#image2').position({top:130});
            $('#image2').width( 270);
            $('#image2').height(130);
            }
            })
        }})

},0)})