Javascript 如何使用jquery对div执行一系列位置更改

我想能够在一组div上设置一些动画

以下是我到目前为止的情况：

$(".nextwp").click(function(){
    $('.welcome').animate({
        left: "-9999px"
    }, 8500);
    $('.welcome').animate({
        right: "-=9999px"
    }, 0);

    $('.work').animate({
        right: "+0px"
    }, 1300);
});

我希望.welcome类div向左移动8.5秒，直到从视图中隐藏为止。然后我需要将它的位置重置到-9999px的右边。由于某种原因，它没有重置。我这样做对吗？一旦它的位置被设置为-9999px，我需要工作类div从右侧滑入

如果你需要更多信息，请告诉我

问题是，由于某种原因，欢迎类div从未将其位置设置为-9999px

提前谢谢

---

（基本上是一个简单的自定义滑块）

好吧，如果你考虑一下这种方法，你真正告诉它要做的是在8.5秒内制作9999px的动画，我不希望它表现得始终如一

简单的选择是使用jQuery UI的效果模块并使用

$el.show（'slide'）

---

如果您想定制一些东西，那么最好的办法是创建一个带有

溢出：隐藏的
的容器，并滑动元素直到它消失在视野之外。这将是更可预测的，并且将表现得更好。
将第二个动画放在第一个动画的回调函数中我将如何做到这一点？我不熟悉javascript或jquery。它会向左滑动，溢出设置为隐藏。我已经设置了一系列div以这种方式进行操作，但我希望用户能够在幻灯片放映结束时选择“重新开始”，并重置整个内容。以及在每张幻灯片上，他们应该能够转到上一张幻灯片。我没有使用预先制作的滑块的全部原因是，我希望每个幻灯片都有自定义的下一个和上一个链接。