我的目标是制作一个由三个顶级类别组成的菜单,在代码中标注为三个#fliptabs。当用户点击一个fliptab时,我希望相应的下拉面板显示在下方。我试图使用jQuery slideDown来做到这一点。我现在在下面的当前jsbin状态中遇到的问题是让用户能够在每个顶级类别(#fliptab)之间切换以分别查看每个下拉(#panel)。
这是我到目前为止所得到的:http://jsbin.com/iGOfowO/6/
为清楚起见,这里有同样的问题重新定义为更具体的问题: - 如何启用从一个顶级类别的下拉菜单切换到另一个菜单的功能,同时仅显示所选顶级类别的下拉菜单? - 如何使用默认切换状态? (我希望#fliptabA最初在用户尚未点击任何内容时显示)
任何反馈都会非常有用,因为我很擅长使用HTML,CSS和jQuery。非常感谢!
答案 0 :(得分:0)
不是最好的方法,但应该有效:http://jsbin.com/INEkimIt/1/edit?html,css,js,output你应该看看上面建议的一些jquery插件