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


Posted in Javascript onAugust 09, 2013
<%@ 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>
Javascript 相关文章推荐
JavaScript高级程序设计(第3版)学习笔记12 js正则表达式
Oct 11 Javascript
jquery实现省市select下拉框的替换(示例代码)
Feb 22 Javascript
js实现鼠标移到链接文字弹出一个提示层的方法
May 11 Javascript
JavaScript实现列表分页功能特效
May 15 Javascript
Vue.js每天必学之方法与事件处理器
Sep 06 Javascript
用JavaScript和jQuery实现瀑布流
Mar 19 Javascript
利用jQuery实现简单的拖曳效果实例代码
Oct 20 jQuery
vue-awesome-swiper滑块插件使用方法详解
Nov 27 Javascript
react-native动态切换tab组件的方法
Jul 07 Javascript
如何封装了一个vue移动端下拉加载下一页数据的组件
Jan 06 Javascript
如何阻止小程序遮罩层下方图层滚动
Sep 05 Javascript
基于vue.js仿淘宝收货地址并设置默认地址的案例分析
Aug 20 Javascript
jQuery :first选择器使用介绍
Aug 09 #Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
Aug 09 #Javascript
jQuery prev ~ siblings选择器使用介绍
Aug 09 #Javascript
jQuery怎么解析Json字符串(Json格式/Json对象)
Aug 09 #Javascript
jQuery查询数据返回object和字符串影响原因是什么
Aug 09 #Javascript
在服务端(Page.Write)调用自定义的JS方法详解
Aug 09 #Javascript
Jquery显示、隐藏元素以及添加删除样式
Aug 09 #Javascript
You might like
新闻分类录入、显示系统
2006/10/09 PHP
弄了个检测传输的参数是否为数字的Function
2006/12/06 PHP
Apache服务器无法使用的解决方法
2013/05/08 PHP
php实现快速排序的三种方法分享
2014/03/12 PHP
destoon实现底部添加你是第几位访问者的方法
2014/07/15 PHP
php5.3以后的版本连接sqlserver2000的方法
2014/07/28 PHP
ThinkPHP框架结合Ajax实现用户名校验功能示例
2019/07/03 PHP
php上传后台无法收到数据解决方法
2019/10/28 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
javascript使用appendChild追加节点实例
2015/01/12 Javascript
jQuery制作简单柱状图实例
2015/01/28 Javascript
浅谈addEventListener和attachEvent的区别
2016/07/14 Javascript
JavaScript两个变量交换值的实现方法
2017/03/01 Javascript
vue利用axios来完成数据的交互
2018/03/23 Javascript
如何编写一个d.ts文件的步骤详解
2018/04/13 Javascript
在vue中阻止浏览器后退的实例
2019/11/06 Javascript
Python字符遍历的艺术
2008/09/06 Python
在Python中使用CasperJS获取JS渲染生成的HTML内容的教程
2015/04/09 Python
Python实现大文件排序的方法
2015/07/10 Python
Python使用Scrapy保存控制台信息到文本解析
2017/12/27 Python
python实现闹钟定时播放音乐功能
2018/01/25 Python
Python绘制3D图形
2018/05/03 Python
使用python将时间转换为指定的格式方法
2018/11/12 Python
对Python中的条件判断、循环以及循环的终止方法详解
2019/02/08 Python
在Python函数中输入任意数量参数的实例
2019/07/16 Python
详解Python3 中的字符串格式化语法
2020/01/15 Python
Python插件机制实现详解
2020/05/04 Python
使用CSS变量实现炫酷惊人的悬浮效果
2019/04/26 HTML / CSS
加拿大高尔夫超市:Golf Town
2018/01/12 全球购物
《飞向蓝天的恐龙》教学反思
2014/04/09 职场文书
2014年创卫工作总结
2014/11/24 职场文书
长城导游词400字
2015/01/30 职场文书
pandas 操作 Excel操作总结
2021/03/31 Python
一文弄懂MySQL中redo log与binlog的区别
2022/02/15 MySQL
Python Pygame实战之塔防游戏的实现
2022/03/17 Python
Redis基本数据类型Set常用操作命令
2022/06/01 Redis