js-tree的展开和收缩

我页面的代码在下面  我找了许多相关 tree展开收缩代码  但是都没本事套进去  不是学JS的 但是公司做个页面得用得到  谢谢各位JS高手！！！要怎么在里面加个语句 实现展开和收缩<html>
<header>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
#pghdr { color: #000F80; font: bold 12pt/14pt Verdana, Courier New, Helvetica; }
#pghdr2 { color: #000F80; font: bold 10pt/12pt Verdana, Courier New, Helvetica; }
img { border: 0px; }
a { text-decoration: none; }
#sec { color: #000000; font: bold 9pt/11pt Verdana, Courier New, Helvetica; }
#item { color: #000000; font: normal 8pt/10pt Verdana, Courier New, Helvetica; }
#bdy { color: #000000; font: normal 8pt/10pt Verdana, Courier New, Helvetica; background-color: #FFFFFF; }
</style>
</header>
<script language="JavaScript1.2" type="text/javascript">
function obj(menu)
{
return (navigator.appName == "Microsoft Internet Explorer")?this[menu]:document.getElementById(menu);
}
function togglevisible(treepart)
{
if (this.obj("T"+treepart).style.visibility == "hidden")
{
this.obj("T"+treepart).style.position="";
this.obj("T"+treepart).style.visibility="";
document["I"+treepart].src="pic/stats_visible.gif";
}
else
{
this.obj("T"+treepart).style.position="absolute";
this.obj("T"+treepart).style.visibility="hidden";
document["I"+treepart].src="pic/stats_hidden.gif";
}
}
</script>
<body id="bdy">
<a href="javascript:togglevisible('98')"><img name="I98"src="pic/stats_hidden.gif" align="middle">&nbsp;</a>&nbsp;<b>共享文件</b><br>
<div id="T98" style="margin-left:18px; visibility:hidden; position:absolute">

<img src="pic/stats_space.gif" align="middle">&nbsp;<img src="pic/stats_0.gif" align="middle">&nbsp;共享文件数:10<br> <a href="javascript:togglevisible('99')"><img name="I99"src="pic/stats_hidden.gif" align="middle">&nbsp;</a>&nbsp;<b>记录</b><br>
<div id="T99" style="margin-left:18px; visibility:hidden; position:absolute">

<img src="pic/stats_space.gif" align="middle">&nbsp;<img src="pic/stats_0.gif" align="middle">&nbsp;最大共享文件数: 2987<br> </div>
</div>
</body>
</html>

解决方案 »

  1.   

    没必要这么复杂。<script language=javascript>function clicka(i){
      a=eval("Out"+i+"details"); 
      var j=0;
      if (a.style.display==""){j=1}
      for (i=1;i<=10;i++){//10为层的数量
       a1=eval("Out"+i+"details");
         a1.style.display="none";  }
      if (j==0){
    a.style.display="";
      }
      else{
    a.style.display="none";
    }
    }
    </script>
    <div id="Out1details" style="display:none">菜单显示区</div>
    …………
    <div id="Out10details" style="display:none">菜单显示区</div>链接：onclick="clicka(1)"…………onclick="clicka(10)"
      

  2.   

    可是 我已经写好了 整页的50多k的代码了 菜单全部内容已经添加完了  现在想到 TREE的展开收缩  就搞不定了  要怎么在里面加个语句啊？
      

  3.   

    还有就是全部展开后 在IE里用ctrl+f 能快速的找到 这个页面 某个根目录下的 某一个字符  但是如果没有全部展开 就找不到  这个页面是自己26张刻出来数据盘里的文件  用这样来管理我的数据盘为了缩短页面的总长度 里面的部分根目录是 visibility:hidden;  hidden下的文件内容是没必要用ctrl+f的文件目录  但是想要让它一下子 全部展开收缩