本文实例讲述了jQuery实现的点击显示隐藏下拉菜单功能。分享给大家供大家参考,具体如下:
toggle*{margin: 0;padding: 0}
.nav1>li>ul{
display: none}
.nav1>li{color: red}
.nav1>li>ul>li{color: black!important;}
$(function () {
var $ali=$(".nav1 li")
for(var i=0;i
$ali.eq(i).click(function () {
if($(this).find("ul").is(':hidden')){
$(this).find("ul").show()
}else{
$(this).find("ul").hide()
}
})
}
})
PS:感兴趣的朋友可以使用如下在线工具测试上述代码:
希望本文所述对大家jQuery程序设计有所帮助。