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判断操作系统的类型实现不同操作系统下的兼容性
Jan 29 Javascript
window.location.href = window.location.href 跳转无反应 a超链接onclick事件写法
Aug 21 Javascript
jQuery简单实现提交数据出现loading进度条的方法
Mar 29 Javascript
easyui form validate总是返回false的原因及解决方法
Nov 07 Javascript
微信小程序 时间格式化(util.formatTime(new Date))详解
Nov 16 Javascript
基于BootStrap栅格栏系统完成网站底部版权信息区
Dec 23 Javascript
canvas绘图不清晰的解决方案
Feb 28 Javascript
微信小程序开发之实现自定义Toast弹框
Jun 08 Javascript
微信小程序“摇一摇”的实例代码
Jul 20 Javascript
vue-cli构建项目使用 less的方法
Oct 04 Javascript
详解Webpack实战之构建 Electron 应用
Dec 25 Javascript
JQuery省市联动效果实现过程详解
May 08 jQuery
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中使用Oracle数据库(1)
2006/10/09 PHP
解析strtr函数的效率问题
2013/06/26 PHP
详解Yii2 之 生成 URL 的方法
2017/06/16 PHP
记录几个javascript有关的小细节
2007/04/02 Javascript
Jquery 基础学习笔记
2009/05/29 Javascript
javascript 添加和移除函数的通用方法
2009/10/20 Javascript
Javascript 面向对象 重载
2010/05/13 Javascript
jquery的$getjson调用并获取远程的JSON字符串问题
2012/12/10 Javascript
js字符串转成JSON
2013/11/07 Javascript
JS实现为排序好的字符串找出重复行的方法
2016/03/02 Javascript
JS+CSS3实现超炫的散列画廊特效
2016/07/16 Javascript
使用BootStrap实现标签切换原理解析
2017/03/14 Javascript
three.js中3D视野的缩放实现代码
2017/11/16 Javascript
Angular利用内容投射向组件输入ngForOf模板的方法
2018/03/05 Javascript
详解Vue.js项目API、Router配置拆分实践
2018/03/16 Javascript
浅谈Webpack下多环境配置的思路
2018/06/27 Javascript
详解JavaScript中关于this指向的4种情况
2019/04/18 Javascript
vue组件间的参数传递实例详解
2019/04/26 Javascript
layui的布局和表格的渲染以及动态生成表格的方法
2019/09/18 Javascript
Vue 数组和对象更新,但是页面没有刷新的解决方式
2019/11/09 Javascript
python循环监控远程端口的方法
2015/03/14 Python
以视频爬取实例讲解Python爬虫神器Beautiful Soup用法
2016/01/20 Python
Django实现文件上传下载功能
2019/10/06 Python
关于ZeroMQ 三种模式python3实现方式
2019/12/23 Python
python 三种方法提取pdf中的图片
2021/02/07 Python
世界上最具创新性的增强型知名运动品牌:Proviz
2018/04/03 全球购物
StudentUniverse英国:学生航班、酒店和旅游
2019/08/25 全球购物
请编写一个 C 函数,该函数在给定的内存区域搜索给定的字符,并返回该字符所在位置索引值
2014/09/15 面试题
C#如何进行LDAP用户校验
2012/11/21 面试题
小学教师师德反思
2014/02/03 职场文书
消防安全责任书范本
2014/04/15 职场文书
房地产资料员岗位职责
2014/07/02 职场文书
2015年汽车销售经理工作总结
2015/04/27 职场文书
2015年法院工作总结范文
2015/04/28 职场文书
观看安全警示教育片心得体会
2016/01/15 职场文书
maven 解包依赖项中的文件的解决方法
2022/07/15 Java/Android