Javascript jquery幻灯片动画不循环

我的脚本在第一次单击时就完成了正确的操作，但在返回时，尤其是在第二轮中，我的脚本没有完成正确的操作

我想一次又一次地执行第一个回合中发生的事情，尤其是反向的。此外，我认为我把它弄得太复杂了，或者？
有没有人知道如何将其改进为循环？

[]

    function goto(id, t){
            //animate to the div id.
            $(".slider_box_vert_mid")
                .animate(
                    {"left": -($(id).position().left)}, {
                duration: 400,
                easing: 'easeInOutCubic',
                queue: false
            });
            $(".slider_box_vert_mid2")
                .animate(
                    {"right": -($(id).position().left)}, {
                duration: 400,
                easing: 'easeInOutCubic',
                queue: false,
                complete: function() {
                    $(".slider_box_vert_mid").toggleClass("hidebox");
                    $(".slider_box_vert_mid2").toggleClass("hidebox");
                    $(".slider_inner_slide")
                        .animate(
                            {"left": -($(id).position().left)}, {
                        duration: 1000,
                        easing: 'easeInOutCubic',
                        queue: false,
                        complete: function() {
                            $(".slider_box_vert_mid3").toggleClass("showbox");
                            $(".slider_box_vert_mid3")
                                .animate(
                                    {left: '0'}, {
                                duration: 400,
                                easing: 'easeInOutCubic',
                                queue: false
                            });
                            $(".slider_box_vert_mid4").toggleClass("showbox");
                            $(".slider_box_vert_mid4")
                                .animate(
                                    {right: '0'}, {
                                duration: 400,
                                easing: 'easeInOutCubic',
                                queue: false
                            });
                        }});
                    }
                });

            // add active class to the current link
            $(t).addClass('active');
        }

更改1

---

将该函数加倍以使其返回肯定是可能的，但这不是一个真正的解决方案当然

我读到一些关于使用div切换的内容：这不可能吗？或者没有人可以向我学习相同的脚本吗？目前，你有一个严格的“双框”设计，框1硬编码为第1节和第2节，框2硬编码为第3节和第4节。我认为最好使用一个通用的小部件，它不受硬编码内容的限制，并且在动画运行时动态获取其内容。这样，它可以处理任意数量的节，您可以执行例如

goto（0）

或

goto（7）

，小部件将从可用节的“库”中获取所需内容。如果你能开始沿着这些思路思考，那么你所面临的问题将基本消失。