一些简单的js技术实现点击的js隐藏显示

首先这是一个js的方法然后获取模块的属性根据模块的属性设置隐藏和显示

function showoopenordown(){

var oDiv=document.getElementById('drop');
var oH2=oDiv.getElementsByTagName('h2')[0];
var oUl=oDiv.getElementsByTagName('ul')[0];
if(oUl.style.display === 'none'){
oUl.style.display='block'

}else{
oUl.style.display='none'

}

这是html

<!doctype html>
<html lang="en">
<link href="miaov_style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="Test.js"> </script>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<div id="drop" class="down_list">
<h2> 播放列表</h2>
<ul>
<li><a href="#">玩爱之徒 - 蔡依林</a></li>
<li><a href="www.baidu.com">爱——小虎队</a></li>
<li><a href="www.baidu.com">心——爱心</a></li>
</ul>
</div>
</body>
</html>

下面是楼主的css

一些简单的js技术实现点击的js隐藏显示相关推荐

node js 技术架构_[视频] Node JS中的干净架构
node js 技术架构 In this video you'll learn how to apply Bob Martin's Clean Architecture model to a Micr ...
PHP js 点击按钮切换模版,javascript点击按钮实现隐藏显示切换效果_javascript技巧...
本文实例分享了点击按钮实现隐藏和显示的切换代码,供大家参考,具体内容如下效果图: 在不少应用中,都有这样的功能,点击同一个按钮可以实现一个元素的显示和隐藏的切换,下面就通过代码实例介绍一下如何实现此 ...
shortable.js 实现动态列调整以及动态隐藏显示
本功能前端表格使用vxe-table+sortable.js 实现对columns的动态列顺序调整以及显示隐藏的功能,组件封装,可复用,可按照自己的框架进行调整.还可以重置为初始columns状态. ...
php js统计链接点击次数,JS实现在线统计一个页面内鼠标点击次数的方法
本文实例讲述了JS实现在线统计一个页面内鼠标点击次数的方法.分享给大家供大家参考.具体实现方法如下: js记录鼠标的点击次数 function addCookie(name,cookievalue,t ...
js追加html 有点击事件,js点击事件的多种写法
javascript 中的点击事件,可以通过多种不同的添加方式来实现.下面介绍三种 javascript 中添加点击事件的示例代码,个人可以根据自己的项目需要选择不同的实现方式. js添加点击事件的代 ...
html显示隐藏内容点击显示数据表代码,js如何实现点击显示和隐藏表格
js如何实现点击显示和隐藏表格一.总结一句话总结: 1.给table或者table里面的元素添加点击事件, 2.然后判断当前表格的数据显示或者隐藏, 3.然后通过display属性显示(非none ...
事件委托技术原理和使用（js，jquery）
事件委托技术原理和使用(js,jquery) 原创 2016年03月10日 11:18:56 标签: 技术 / jquery / javascript 2555 一:事件委托技术原理摘自http:/ ...
图灵访谈系列之九：CNode社区谈Node.js技术及生态
Node.js在各种技术会议上的分享越来越火热,为了让更多的人了解Node.js以及Node.js中文技术社区CNode,12月10日在易宝支付举行第三期Node.js北京分享会--NodeParty ...
[置顶] 图灵访谈系列之九：CNode社区谈Node.js技术及生态
Node.js在各种技术会议上的分享越来越火热,为了让更多的人了解Node.js以及Node.js中文技术社区CNode,12月10日在易宝支付举行第三期Node.js北京分享会--NodeParty ...

一些简单的js技术实现点击的js隐藏显示

一些简单的js技术实现点击的js隐藏显示相关推荐

最新文章

热门文章

一些简单的js技术 实现点击 的js隐藏显示

一些简单的js技术 实现点击 的js隐藏显示相关推荐

最新文章

热门文章

一些简单的js技术实现点击的js隐藏显示

一些简单的js技术实现点击的js隐藏显示相关推荐