-jQuery- 二级菜单 点击展示与隐藏 (小案例)

引入jquery
<script>
	//把有ul的li添加一个类名(这里用了.plus 和 .minus) 再添加一个单击事件
	$(function(){
		$("li:has(ul)") //获取含有ul的li
		.addClass("plus") //添加plus类名
		.click(function(e){ //添加单击事件
			if($(e.target).children().length){ //判断当前事件源有多少个子元素
				$(this).toggleClass("minus"); //切换类名
				$(this).children("ul") //选择子ul
					.slideToggle(); //切换元素状态
				e.stopPropagation(); //阻止冒泡
			}
		})
	})

</script>