Jquery 显示/隐藏循环中包含3个不同内容的2个div

您好，当我需要制作此脚本时，我对Jquery有问题：

我有两个div在网站上，我必须改变他们的内容在一个周期。我有三种不同的内容

计划的功能：

1.左分区中的第一个内容显示
2.隐藏最后一个显示内容并在右分区中显示第二个内容
3.在左分区中隐藏最后一个显示内容并显示第三个内容
4.在右分区中隐藏最后一个显示内容并显示第一个内容
5.在左分区中隐藏最后一个显示内容并显示第二个内容
6.在右分区中隐藏最后一个显示内容并显示第三个内容
这些仍然在循环中，逻辑上有一些延迟。在一次我只需要一个可见的内容

因为我需要淡入/淡出效果，所以我需要JQuery，而不仅仅是JS。 我的各种尝试都失败了，不值得表现出来

---

有人能帮我吗？

fadeOut

和

fadeIn

都接受回调函数，一旦动画完成就会触发回调函数。可以使用它们以循环方式启动动画

function cycle() {
    // determine current and next element
    current.fadeOut(function() {
        next.fadeIn(cycle);
    });
}

当前状态也可能是order数组中固有的，它可能比上面带有

索引的解决方案更整洁

发布你所做的事情。。至少是HTML，这样我们就不必再处理HTML了……没有它，我相信这里的用户不会花超过4秒的时间。我上一次尝试是在没有“for”或其他类型的循环的情况下进行测试。看来这正是我想要的。当它是时候给它一个尝试，如果一切正常，放弃投票，并接受这个答案。谢谢你，这样就行了，再次感谢你。我只是增加了一些延迟。我赞成你的答案并接受它。