jquery 利用show和hidden实现级联菜单示例代码
2013-08-09 00:00
851 查看
<%@ 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实现可收缩展开的级联菜单实例代码
- jQuery+ajax实现无刷新级联菜单示例
- 利用Jquery实现几款漂亮实用的时间轴(附示例代码)
- jQuery+ajax实现无刷新级联菜单示例
- jQuery实现可收缩展开的级联菜单实例代码
- 利用jQuery+localStorage实现一个简易的计时器示例代码
- 利用jQuery简单实现产品展示图片左右滚动功能(示例代码)
- 利用jQuery简单实现产品展示图片左右滚动功能(示例代码)
- 利用jQuery操作对象数组的实现代码
- java学习之利用TCP实现的简单聊天示例代码
- jQuery+CSS实现简单切换菜单示例
- 级联菜单和tab页的 jquery实现--第一步第二部
- 基于jQuery实现的向下滑动二级菜单效果代码
- jquery实现div拖拽宽度示例代码
- 利用了jquery的ajax实现二级联互动菜单
- 利用jQuery实现打字机字幕效果实例代码
- Jquery实现的一种常用高亮效果示例代码
- jquery实现metro效果示例代码