Javascript 隐藏/显示子菜单

Javascript 隐藏/显示子菜单,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想使用jQuery隐藏/显示子菜单 因此,最初的“项目”只会是可见的。单击时,将显示子菜单 我已附上我当前的HTML代码: 您可以将事件处理程序绑定到a $('#菜单主菜单>li>a')。单击(函数(){ $(this.next().toggle(); //如果使用后有任何其他元素 //$(this.parent().find('ul').toggle(); //此外,如果你需要任何更好的效果,那么使用 //slideToggle()或fadeToggle而不是toggl

我想使用jQuery隐藏/显示子菜单

因此,最初的“项目”只会是可见的。单击时,将显示子菜单

我已附上我当前的HTML代码:


您可以将事件处理程序绑定到
a

$('#菜单主菜单>li>a')。单击(函数(){
$(this.next().toggle();
//如果使用后有任何其他元素
//$(this.parent().find('ul').toggle();
//此外,如果你需要任何更好的效果,那么使用
//slideToggle()或fadeToggle而不是toggle())
});
#菜单主菜单>li>ul{
显示:无
}


1轻微变化。首先,子菜单需要不可见。所以用户只看到“项目”。太棒了。非常感谢你,普拉纳夫。将很快接受答复:-)@michaelmcgurk:很高兴帮助您:)