首先 这是一个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>
<!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