Javascript 切换Div的逻辑

我有个问题。我在这个网站上工作了一段时间，遇到了一些麻烦。我想了好几次，我不知道该怎么做

我在一个页面上有5种不同的内容配置，我需要在它们之间交换。应该发生的是，当用户点击一个按钮时，一系列的动画应该会发生，并最终用按下的按钮替换按钮和顶部。位于顶部的页面应返回其原始位置（“主页”应始终位于顶部，“关于”应始终位于其正下方，除非是当前页面）

---

我的网站在这里，

http://www.logicanddesign.ca

，所有javascript都已打开供您查看。你们能提供的任何帮助都会很有帮助。我不想完全重写我的网站，但如果这是唯一的方法，我会这样做。

好吧，我想指出的第一件事是，你将

按钮(点击

功能与图像相关联，而不是包含它们的

div

。最好使用

div

标记进行事件处理

其次，您只需移动当前按钮和按下的按钮。要实现您想要的效果，您需要将按钮移动到

buttonPressed

和

currentPage

的默认位置之间

此外，您不能只为按下的按钮静态定义

moveUp

函数，而不定义其他内容。因为有时您需要在按下的按钮和当前按钮之间向上移动按钮。

显然，在设置

div

s设置动画时，需要考虑中间的移动。可能在

moveDivs

函数中

那种乱七八糟的东西值得做恶梦，真的

---

在我看来，您可以创建一个javascript类来处理动画和动作。创建一个类将使代码更加干净，您可以无限期地添加按钮，而不会破坏代码

哇，那一定花了很多时间。非常感谢你，我真的很难弄明白这一点D