Javascript显示和隐藏ul列表的方法


Posted in Javascript onJuly 15, 2015

本文实例讲述了Javascript显示和隐藏ul列表的方法。分享给大家供大家参考。具体如下:

<ul id="rightNav">
 <li>
 <h2 class="rightNavItem"><a href="#">Show & Hide</a></h2>
 <ul>
 <li><a href="">Links etc here</a></li>
 </ul>
 </li>
</ul>
<script>
function enableRightNavExpand() {
 if (!document.getElementById) return false;
 if (!document.getElementById("rightNav")) return false;
 var nav = document.getElementById("rightNav");
 var navItem = nav.getElementsByTagName("li");
 for (var i = 0; i < navItem.length; i++){
  navItem[i].onclick=function() {
   if (this.className == "selected") {
    this.className = "";
   }
   else if (this.className == ""){
    this.className = "selected";
   }
  }
 }
}
</script>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript开发时的五个注意事项
Dec 08 Javascript
js 效率组装字符串 StringBuffer
Dec 23 Javascript
基于jquery的让页面控件不可用的实现代码
Apr 27 Javascript
JS时间选择器 兼容IE6,7,8,9
Jun 26 Javascript
js新闻滚动 js如何实现新闻滚动效果
Jan 07 Javascript
jQuery动画效果-slideUp slideDown上下滑动示例代码
Aug 28 Javascript
AngularJS内置指令
Feb 04 Javascript
jquery获取节点名称
Apr 26 Javascript
js实现HashTable(哈希表)的实例分析
Nov 21 Javascript
javascript 初学教程及五子棋小程序的简单实现
Jul 04 Javascript
three.js中文文档学习之创建场景
Nov 20 Javascript
JavaScript原型链详解
Nov 07 Javascript
jQuery实现提示密码强度的代码
Jul 15 #Javascript
浅谈javascript中return语句
Jul 15 #Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
Jul 15 #Javascript
javascript实现在线客服效果
Jul 15 #Javascript
jQuery实现的进度条效果
Jul 15 #Javascript
jQuery中(function($){})(jQuery)详解
Jul 15 #Javascript
jQuery的事件委托实例分析
Jul 15 #Javascript
You might like
PHP 存取 MySQL 数据库的一个例子
2006/10/09 PHP
兼容firefox,chrome的网页灰度效果
2011/08/08 PHP
详解PHP中strlen和mb_strlen函数的区别
2014/03/07 PHP
PHP Curl模拟登录微信公众平台、新浪微博实例代码
2016/01/28 PHP
利用php输出不同的心形图案
2016/04/22 PHP
Windows Server 2008 R2和2012中PHP连接MySQL过慢的解决方法
2016/07/02 PHP
javascript ie6兼容position:fixed实现思路
2013/04/01 Javascript
今天是星期几的4种JS代码写法
2013/09/17 Javascript
node.js中的fs.utimes方法使用说明
2014/12/15 Javascript
JavaScript给按钮绑定点击事件(onclick)的方法
2015/04/07 Javascript
JavaScript实现点击单元格改变背景色的方法
2016/02/12 Javascript
JS控制弹出悬浮窗口(一览画面)的实例代码
2016/05/30 Javascript
基于vuejs+webpack的日期选择插件
2020/05/21 Javascript
js时间控件只显示年月
2017/01/08 Javascript
JS实现无缝循环marquee滚动效果
2017/05/22 Javascript
vue elementui form表单验证的实现
2018/11/11 Javascript
使用JavaScript保存文本文件到本地的两种方法
2019/01/22 Javascript
一些手写JavaScript常用的函数汇总
2019/04/16 Javascript
尝试用最短的Python代码来实现服务器和代理服务器
2016/06/23 Python
Python实现对象转换为xml的方法示例
2017/06/08 Python
Flask数据库迁移简单介绍
2017/10/24 Python
python输出决策树图形的例子
2019/08/09 Python
ubuntu 18.04 安装opencv3.4.5的教程(图解)
2019/11/04 Python
Python unittest如何生成HTMLTestRunner模块
2020/09/08 Python
澳大利亚手袋、珠宝和在线时尚精品店:The Way
2019/12/21 全球购物
CheapTickets泰国:廉价航班,查看促销价格并预订机票
2019/12/28 全球购物
新加坡第一大健康与美容零售商:屈臣氏新加坡(Watsons Singapore)
2020/12/11 全球购物
节约用水的口号
2014/06/20 职场文书
关于读书的演讲稿1000字
2014/08/27 职场文书
镇政府副镇长群众路线专题民主生活会对照检查材料
2014/09/19 职场文书
关于运动会广播稿300字
2014/10/05 职场文书
信访工作个人总结
2015/03/03 职场文书
2015毕业实习推荐信
2015/03/23 职场文书
现场施工员岗位职责
2015/04/11 职场文书
tensorflow中的梯度求解及梯度裁剪操作
2021/05/26 Python
HTML+JS实现在线朗读器
2022/02/15 Javascript