jquery利用show和hidden实现级联菜单示例代码_jquery



代码如下:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>







$(document).ready(function(){
var allMenu=$("ul > a");//找到所有主菜单
allMenu.click(function(){
var list=$(this).nextAll('li');//找到当前被点击a节点的所有li兄弟节点
list.toggle('show');
});
});



菜单一

子菜单一

子菜单二

菜单二

子菜单一

子菜单二