jquery 利用show和hidden实现级联菜单
2013-08-08 16:55
387 查看
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jqueryMenu</title> <script type="text/javascript" src="js/jquery-1.10.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ var allMenu=$("ul > a");//找到所有主菜单 allMenu.click(function(){ var list=$(this).nextAll('li');//找到当前被点击a节点的所有li兄弟节点 list.toggle('show'); }); }); </script> </head> <body> <ul><a href="#">菜单一</a> <li><a href="#">子菜单一</a></li> <li><a href="#">子菜单二</a></li> </ul> <ul><a href="#">菜单二</a> <li><a href="#">子菜单一</a></li> <li><a href="#">子菜单二</a></li> </ul> </body> </html>
相关文章推荐
- jquery 利用show和hidden实现级联菜单示例代码
- jquery 利用show和hidden实现级联菜单示例代码
- 利用jquery实现百度新闻导航菜单滑动动画
- NET 利用 jquery+ztree 实现 角色权限设置(以树结构显示导航菜单)
- jQuery+ajax实现无刷新级联菜单示例
- jQuery实现可收缩展开的级联菜单实例代码
- 利用了jquery的ajax实现二级联互动菜单
- 利用CSS、JQuery和div实现动态多级菜单
- 利用JQuery实现网页左侧树形菜单(IE6测试通过)
- 利用jquery实现百度新闻导航菜单滑动动画
- jsp jquery实现级联菜单,jquery对select元素的简单操作
- 级联菜单和tab页的 jquery实现--第一步第二部
- jQuery实现级联菜单效果(仿淘宝首页菜单动画)
- 【军哥谈CI框架】之JQuery实现全国城市级联菜单的应用
- jQuery实现可收缩展开的级联菜单实例代码
- 利用了jquery的ajax实现二级联互动菜单
- jQuery实现级联菜单(仿淘宝首页)
- jQuery实现级联菜单效果(仿淘宝首页菜单动画)
- 利用jQuery 实现一个简单的侧边菜单隐藏显示功能