UC知道怎样用js编写一个提纲列表
来源：百度知道 编辑：UC知道 时间：2024/05/28 11:59:19
要求实现如下效果，当单击任意一个节点，打开相应下拉的子节点
如：
·节点1
。子节点1
。子节点2
。子节点3
·节点2
如：
·节点1
。子节点1
。子节点2
。子节点3
·节点2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<style type="text/css">
<!--
.expand { overflow:visible;}
.collapse { height:16px;overflow:hidden;}
//-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function toggleDl(dt){
var dl=dt;
if("collapse"==dl.className)dl.className="expand";
else dl.className="collapse";
}
//-->
</script>
</head>
<body>
<ul class="expand" onclick="toggleDl(this)">根结点
<li>子结点1</li>
<li>子结点2</li>
<li>子结点3</li>
<li>子结点4</li>
</ul>
<ul class="expand" onclick="toggleDl(this)&quo