Javascript 从https://www.dropbox.com/guide 使用JQuery

我目前正在尝试使用JQuery重新创建页面转换（幻灯片左/右）。我担心我过度思考了进行转换的过程。我想做的是：

左侧和右侧都有3个div：1个用于“后退”内容，1个用于当前显示的内容，1个用于布局类似的“下一步”内容

                [           screen   width               ]
[back div left] [displayed div left] [next div left      ]
                [back div right    ] [displayed div right] [next div right]

在“显示的div left”后面有“back div right behind”，在“displated div right”后面有“next div left”

然后，假设用户按下“下一步”。页面：

发送一个AJAX请求，分别将下一页内容加载到“next div left”和“next div right”

设置两个div的动画，使屏幕上显示的div分别为“next div left”和“next div right”，布局如下所示

显示“下一个左分区”和“下一个右分区”

删除“左后俯仰”和“右后俯仰”

重命名div，以便：

• “显示左除法”->“左后除法”
• “下一个左除法”->“显示的左除法”
• “显示右除法”->“后除法右除法”
• “下一个右除法”->“显示的右除法”

将新的div（相同的尺寸）添加到“显示的div left”和“显示的div right”中，作为新的“next div left”和“net div right”，以便布局与页面加载之前相同

---

在对它进行了一点修改之后，我有了一个向上/向下转换的版本，而不是我上传的左/右测试

问题:

我是走对了还是想得太多了

是否有一种更简单的方法来进行转换，而不是在显示内容的两侧使用2个占位符div

提前感谢您的帮助

                                     [ screen width                       ]
[back div left] [displayed div left] [next div left      ]
                [back div right    ] [displayed div right] [next div right]

                [ screen   width                         ]
[back div left] [displayed div left]
                [back div right    ] [displayed div right]

                [           screen   width               ]
[back div left] [displayed div left] [next div left      ]
                [back div right    ] [displayed div right] [next div right]