jquery利用show和hidden实现级联菜单示例代码_jquery
来源:测品娱乐
代码如下:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
jqueryMenu
script>
$(document).ready(function(){
var allMenu=$("ul > a");//找到所有主菜单
allMenu.click(function(){
var list=$(this).nextAll('li');//找到当前被点击a节点的所有li兄弟节点
list.toggle('show');
});
});
script>
菜单一
子菜单一
子菜单二
菜单二
子菜单一
子菜单二
显示全文