jquery click-thru幻灯片放映不对齐

Question

所以我试图在我的页面上做一个类似幻灯片的卡片组，你点击直到看到下一组，这个代码（对每个卡片div重复）完全适用于第一次点击，但不对齐卡片在像这样的第二轮之后（原谅糟糕的设计，它正在进行中），任何人都知道为什么会这样？  我的jQuery

var z = 9;
        $(document).ready(function () {
            $('#card1').click(function () {
                z--;
                $('#card1').animate({
                    left: '-=900'
                }, 500, function () {
                    $('#card1').css('z-index', z).delay(200);
                    $('#card1').animate({
                        left: '+=900'
                    }, 500)
                })
             $('#card2').click(function () {
                z--;
               ....

<!--repeated for each card div-->
               ....

            });