使用jQuery幻灯片在菜单项之间切换

我的目标是创建一个由三个顶级类别组成的菜单，在代码中记为三个#fliptabs。当用户单击一个fliptab时，我希望相应的下拉面板显示在下面。我尝试使用jQuery slideDown来实现这一点。在我当前的jsbin状态下，我现在正在努力解决的问题是，使用户能够在每个顶级类别（#fliptab）之间切换，以分别查看每个下拉（#面板）

以下是到目前为止我得到的信息：

为清楚起见，以下是与更具体问题相同的问题： -如何启用从一个顶级类别的下拉菜单切换到另一个顶级类别的功能，同时仅显示选定的顶级类别的下拉菜单？ -如何设置默认切换状态？（我希望#Fliptab在用户尚未单击任何内容时最初显示）

---

任何反馈都会非常有用，因为我对使用HTML、CSS和jQuery非常陌生。非常感谢

这不是最好的方法，但应该可以工作：您应该看看上面建议的一些jquery插件

您可以使用jquery选项卡@ariel感谢您的建议和链接-这似乎是一个非常干净和简单的解决方案，我正在努力实现。我不知道为什么我没有想到简单地使用搜索词“tabs”。再次感谢！