<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
ol{display:none;}
</style>
<script>
window.onload=function(){
var lis=document.getElementById('sidelist').getElementsByTagName("li");
ulis=[];
for(var i=0; i<lis.length;i++){
if(lis[i].parentNode.nodeName=="UL"){
ulis.push(lis[i]);
}
}
for(var j=0;j<ulis.length;j++)
{
var olis=ulis[j].getElementsByTagName('ol');
if(olis.length>0){
ulis[j].onclick=function(){
for(var k=0;k<ulis.length;k++){
var olis=ulis[k].getElementsByTagName('ol');
if(olis.length>0){
ulis[k].getElementsByTagName('ol')[0].style.display='none';
}
}
this.getElementsByTagName('ol')[0].style.display='block';//这里把this写成ulis[j]，为什么是未定义的
}
}
}
}
</script>
</head>
<body>
<ul id="sidelist">
<li><a href="javascript:;">1-1</a>
<ol>
<li>1-2</li>
<li>1-3</li>
<li>1-4</li>
</ol>
</li>
<li><a href="#">2-1</a></li>
<li><a href="javascript:;">3-1</a>
<ol>
<li>1-2-2</li>
<li>1-3-2</li>
<li>1-4-2</li>
</ol>
</li>
<li><a href="#">4-1</a></li>
<li><a href="#">5-1</a></li>
</ul>
</body>
</html>
相关分类