测品娱乐
您的当前位置:首页jquery利用show和hidden实现级联菜单示例代码_jquery

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

来源:测品娱乐


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




jqueryMenu


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



菜单一
  • 子菜单一

  • 子菜单二


  • 菜单二
  • 子菜单一

  • 子菜单二




  • 显示全文