我试图制作一个菜单,当点击时滑下子菜单项(+改变背景颜色)。 当点击不同的菜单项时,另一个打开应该关闭(子菜单项后退)。我使用下面的HTML代码, (我躲在使用dispay的SUB1和SUB2:无;)jQuery幻灯片菜单
请查看代码http://jsfiddle.net/kxvKA/
目前所有幻灯片开在一起,我想一个开一次,另一次被点击。首先应关闭
<ul class="nav">
<li class="mainnav">MAINNAV</li>
<li class="sub1">SUB1</li>
<li class="sub2">SUB2</li>
</ul>
<ul class="nav">
<li class="mainnav">MAINNAV2</li>
<li class="sub1">SUB1</li>
<li class="sub2">SUB2</li>
</ul>
和JQuery代码
$(".mainnav").on("click", function(){
$(".sub1, .sub2").slideDown("fast");
$(".mainnav").animate({
backgroundColor: "#3A3A3A",
}, 500);
});
而问题是什么? – adeneo
你可以创建一个jsfidlle吗? –
请查看编辑 – singularity