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

时间:2014-01-22 02:59:00

标签: jquery html css

我的目标是制作一个由三个顶级类别组成的菜单,在代码中标注为三个#fliptabs。当用户点击一个fliptab时,我希望相应的下拉面板显示在下方。我试图使用jQuery slideDown来做到这一点。我现在在下面的当前jsbin状态中遇到的问题是让用户能够在每个顶级类别(#fliptab)之间切换以分别查看每个下拉(#panel)。

这是我到目前为止所得到的:http://jsbin.com/iGOfowO/6/

为清楚起见,这里有同样的问题重新定义为更具体的问题:   - 如何启用从一个顶级类别的下拉菜单切换到另一个菜单的功能,同时仅显示所选顶级类别的下拉菜单?   - 如何使用默认切换状态? (我希望#fliptabA最初在用户尚未点击任何内容时显示)

任何反馈都会非常有用,因为我很擅长使用HTML,CSS和jQuery。非常感谢!

1 个答案:

答案 0 :(得分:0)

不是最好的方法,但应该有效:http://jsbin.com/INEkimIt/1/edit?html,css,js,output你应该看看上面建议的一些jquery插件