Jquery 让div飞越屏幕

我有两个包的图像，我想同时飞越屏幕。最后，它们将消失，然后重新出现在不同的位置，除非页面刷新，否则它们将停留在不同的位置

$('.main_carousel_bag').fadeOut(000).delay(4000).fadeIn(1500);  


$('.left_bag_action')
.animate({ left: '+=960', top:'-=400'}, 500)
.animate({ visibility: 'hidden'}, 0)
.delay(1000)
.animate({ visibility: 'visible'}, 0)
.animate({ left: '-=960'}, 1000)
.animate({ visibility: 'hidden'}, 0)
;

无论窗口大小，主旋转行李都是一个处于正确位置的div。它在4秒延迟后淡入。这是完美的工作

left_bag_动作是一个div，从屏幕左侧开始（绝对定位），然后执行请求的动作。动作非常完美，但我希望袋子消失，而另一个（右_bag_动作）从屏幕的另一个方向飞过。非常感谢您的帮助

---

谢谢

您可以使用回调函数，这是动画完成时触发的代码

例如

---

你能用你现在拥有的东西创建一个JSFIDLE吗？

$('.main_carousel_bag').fadeOut(000).delay(4000).fadeIn(1500);  

$('.left_bag_action')
.animate({ left: '+=960', top:'-=400'}, 500)
.animate({ visibility: 'hidden'}, 0)
.delay(1000)
.animate({ visibility: 'visible'}, 0)
.animate({ left: '-=960'}, 1000)
.animate({ visibility: 'hidden'}, 0, function(){
    //.....Some code here for right_bag_action....//
})