我正在尝试构建一个具有交互功能的网页，但我不知道从哪里开始寻找。我认为它将由 jQuery 驱动，但我现在确定。
我想要的是：我想要一个页面，其中（为了这个描述）我有一个 700px 宽 x 500px 高的盒子。在框（div）的底部，我有一个 5 按钮导航（图像只是为了方便）。我想要它，以便当我单击底部导航中的按钮时，包含该特定“页面/按钮”内容的 div 从底部的导航向上展开。然后，当您单击另一个按钮时，该 div 会回滚，然后下一个会向上展开。
我看到了一些关于 CSS3 动画的东西，但我不确定我将如何使用它来实现它......
任何人都可以为我指出使用什么工具的正确方向。或者如果它以前做过，一个我自己实现它的教程？