两个按钮一个按钮全部打开树节点，一个按钮全部关闭树节点。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>Insert title here </title> 
  <style> 
  <!-- 
  #roothead{
  display:none;
  cursor:hand ; font-weight:bold ; 
  list-style-image:url(top.gif)} 
  #foldinglist{list-style-image:url(list.gif)} 
  //--> 
  </style> 
  <script language="JavaScript1.2"> 
  <!-- 
  
  var head="display:''" 
  img1=new Image() 
  img1.src="top.gif" 
  img2=new Image() 
  img2.src="open.gif" 
  
  function change() 
  { 
    if(!document.all) 
    { 
    return; 
    } 
    if (event.srcElement.id=="roothead") 
    { 
    var srcIndex = event.srcElement.sourceIndex 
    var secondhead = document.all[srcIndex+1] 
    if (secondhead.style.display=="none") 
    { 
      secondhead.style.display='' 
      event.srcElement.style.listStyleImage="url(open.gif)" 
    } 
    else 
    { 
      secondhead.style.display="none" 
      event.srcElement.style.listStyleImage="url(top.gif)" 
    } 
    } 
  } 
  document.onclick=change; 
  //--> 
  function show(){
  var li=document.getElementsByTagName("li");
  for(var i=0;i<li.length;i++)
 {
  li[i].style.display="block";
 }
  }
    function hidden(){
  var li=document.getElementsByTagName("li");
  for(var i=1;i<li.length;i++)
 {
  li[i].style.display="none";
 }
  }
  </script> 
</head> 
<body> 
<table width="100%" border="0"> 
  <tr> 
  <td> 
    <div> 
    <ul id="ul1"> 
    <!-- <li id="roothead">News </li> 
    <ul id="foldinglist" style="display:none" style=&{head};> 
      <li> <a href="http://www.cnn.com">CNN </a> </li> 
      <li> <a href="http://www.abcnews.com">ABC News </a> </li> 
      <li> <a href="http://www.vancouversun.com">Vancouver Sun </a> </li> 
    </ul>--> 
    
    <li >内容 </li> 
      <ul id="foldinglist"  style=&{head};> 
      <li id="roothead">一年级 </li> 
      <ul id="foldinglist"  style=&{head};> 
      <li id="roothead">班级数=3 </li> 
        <ul id="foldinglist"  style=&{head};> 
          <li id="roothead">1班 </li> 
        <ul id="foldinglist" style=&{head};> 
        <li> <a href="#">老师数 </a>&nbsp; <input type="text" name="table_id"/> </li> 
        <li> <a href="#">学生数 </a>&nbsp; <input type="text" name="table_id_extension"/> </li> 
          <li> <a href="#">课程数 </a>&nbsp; <input type="text" name="table_id"/> </li> 
        </ul> 
        <li id="roothead">2班 </li> 
        <ul id="foldinglist"  style=&{head};> 
        <li> <a href="#">老师数 </a>&nbsp; <input type="text" name="table_id"/> </li> 
        <li> <a href="#">学生数 </a>&nbsp; <input type="text" name="table_id_extension"/> </li> 
          <li> <a href="#">课程数 </a>&nbsp; <input type="text" name="table_id"/> </li> 
        </ul>      
      </ul> 
      </ul> 
    </div> 
<input type="button" onclick="show()" value="全部打开" /><input type="button" onclick="hidden()" value="关闭" />
  </td> 
  </tr> 
</table> 
</body> 
</html>