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中正则表达式的全局匹配模式分析
Apr 26 Javascript
Jquery实现搜索框提示功能示例代码
Aug 13 Javascript
使用jQuery插件创建常规模态窗口登陆效果
Aug 23 Javascript
JS中如何设置readOnly的值
Dec 25 Javascript
SinaEditor使用方法详解
Dec 28 Javascript
微信小程序 解决请求服务器手机预览请求不到数据的方法
Jan 04 Javascript
JavaScript闭包的简单应用
Sep 01 Javascript
基于vue2.0实现简单轮播图
Nov 27 Javascript
JS实现的文字间歇循环滚动效果完整示例
Feb 13 Javascript
vue仿element实现分页器效果
Sep 13 Javascript
javascript导出csv文件(excel)的方法示例
Aug 25 Javascript
vue单应用在ios系统中实现微信分享功能操作
Sep 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多线程批量采集下载美女图片的实现代码(续)
2013/06/03 PHP
PHP获取一段文本显示点阵宽度和高度的方法
2015/03/12 PHP
PHP提高编程效率的20个要点
2015/09/23 PHP
yii用户注册表单验证实例
2015/12/26 PHP
php微信高级接口调用方法(自定义菜单接口、客服接口、二维码)
2016/11/28 PHP
thinkPHP显示不出验证码的原因与解决方法分析
2017/05/20 PHP
在Laravel中使用DataTables插件的方法
2018/05/29 PHP
加载 Javascript 最佳实践
2011/10/30 Javascript
JS的replace方法介绍
2012/10/20 Javascript
JS获取html对象的几种方式介绍
2013/12/05 Javascript
Javascript中的String对象详谈
2014/03/03 Javascript
Javascript中数组方法汇总(推荐)
2015/04/01 Javascript
一不小心就做错的JS闭包面试题
2015/11/25 Javascript
jquery动态遍历Json对象的属性和值的方法
2016/07/27 Javascript
Vue2.0组件间数据传递示例
2017/03/07 Javascript
vuejs如何配置less
2017/04/25 Javascript
node微信开发之获取access_token+自定义菜单
2019/03/17 Javascript
微信小程序云开发(数据库)详解
2019/05/17 Javascript
vue+eslint+vscode配置教程
2019/08/09 Javascript
Flask框架学习笔记之表单基础介绍与表单提交方式
2019/08/12 Python
Django项目后台不挂断运行的方法
2019/08/31 Python
python基于FTP实现文件传输相关功能代码实例
2019/09/28 Python
Python实现CNN的多通道输入实例
2020/01/17 Python
python实现简单的tcp 文件下载
2020/09/16 Python
CSS3为背景图设置遮罩并解决遮罩样式继承问题
2020/06/22 HTML / CSS
Mio Skincare中文官网:肌肤和身体护理
2016/10/26 全球购物
工程造价专业大专生求职信
2013/10/06 职场文书
演讲稿祖国在我心中
2014/05/04 职场文书
基层党支部公开承诺书
2014/05/29 职场文书
"9.18"国耻日演讲稿范文
2014/09/14 职场文书
淘宝文案策划岗位职责
2015/04/14 职场文书
干货干货!2019最新优秀创业计划书
2019/03/21 职场文书
2019旅游导游工作总结
2019/06/27 职场文书
nginx 防盗链防爬虫配置详解
2021/03/31 Servers
仅仅使用 HTML/CSS 实现各类进度条的方式汇总
2021/11/11 HTML / CSS
css中有哪些方式可以隐藏页面元素及区别
2022/06/16 HTML / CSS