关于dreamweaver网页中tree的展开和折叠问题

本人设计了一个dreamweaver的网页，做了一个树形菜单，现在的情况是一打开页面，默认树形菜单是各级展开的，但我想在页面出来时菜单是折叠的，点击了那个“+”后才是展开。
烦请路过的帮忙看看在下面的javascript代码中要修改什么地方：
<SCRIPT language=JavaScript> 
 
<!--
 
 
function newImage(arg) {
 
if (document.images) {
 
rslt = new Image();
 
rslt.src = arg;
 
return rslt;
 
}
 
}
 
 
function changeImages() {
 
if (document.images && (preloadFlag == true)) {
 
for (var i=0; i<changeImages.arguments.length; i+=2) {
 
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
 
}
 
}
 
}
 
 
var preloadFlag = false;
 
function preloadImages() {
 
if (document.images) {
 
index_buttun_03_over = newImage("images/index_buttun_03-over.gif");
 
index_buttun_06_over = newImage("images/index_buttun_06-over.gif");
 
index_buttun_09_over = newImage("images/index_buttun_09-over.gif");
 
index_buttun_12_over = newImage("images/index_buttun_12-over.gif");
 
index_buttun_15_over = newImage("images/index_buttun_15-over.gif");
 
index_buttun_18_over = newImage("images/index_buttun_18-over.gif");
 
index_buttun_21_over = newImage("images/index_buttun_21-over.gif");
 
index_buttun_24_over = newImage("images/index_buttun_24-over.gif");
 
index_buttun_27_over = newImage("images/index_buttun_27-over.gif");
 
index_buttun_30_over = newImage("images/index_buttun_30-over.gif");
 
preloadFlag = true;
 
}
 
}
 
 
// -->
 
</SCRIPT>
 
<script LANGUAGE="JavaScript"> 
 
<!--
 
function clickHandler(){
 
var targetId,srcElement,targetElement;
 
srcElement=window.event.srcElement;
 
if(srcElement.className=="Outline"){
 
targetId=srcElement.id+"d";
 
targetElement=document.all(targetId);
 
if(targetElement.style.display=="none"){
 
targetElement.style.display="";
 
srcElement.src="../../images/ofolder.gif";
 
}else{
 
targetElement.style.display="none";
 
srcElement.src="../../images/folder.gif";
 
}
 
}
 
}
 
document.onclick=clickHandler;
 
-->
 
</script> 
<body background="../../images/bg.gif" Bgproperties="fixed">
 
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="1800" id="AutoNumber1">
 
<tr>
 
<p align="left"><a href="ml.htm" target="_parent"></a></p>
 
<td width="1800">
 
<p align="left">　　　　　　　　　目 录</p>
<div ID="Out3d"><br>
  
</div>
 
<img SRC="../../images/H.gif"><img SRC="../../images/ofolder.gif" ID="Out1" CLASS="Outline" STYLE="cursor:hand"><a href="y11757690007.pdf" target="mainFrame">**大学
</a><br>
 
<div ID="Out1d">
 
<img SRC="../../images/I.gif"><img SRC="../../images/H.gif"><img SRC="../../images/ofolder.gif" ID="Out11" CLASS="Outline" STYLE="cursor:hand">1.论文目录<br>
 
<div ID="Out11d">
 
<img SRC="../../images/I.gif"><img SRC="../../images/I.gif"><img SRC="../../images/H.gif"><img SRC="../../images/nfolder.gif"><a href="y1175769wz.pdf" target="mainFrame">1.1 文章1</a><br>
 
<img SRC="../../images/I.gif"><img SRC="../../images/I.gif"><img SRC="../../images/L.gif"><img SRC="../../images/nfolder.gif"><a href="y11757690011.pdf" target="mainFrame">1.2 文章2</a></div>
 
 
<img SRC="../../images/I.gif"><img SRC="../../images/H.gif"><img SRC="../../images/ofolder.gif" ID="Out12" CLASS="Outline" STYLE="cursor:hand"><a href="y11757690009.pdf" target="mainFrame">2.项目目录</a><br>
 
<div ID="Out12d">
 
<img SRC="../../images/I.gif"><img SRC="../../images/I.gif"><img SRC="../../images/H.gif"><img SRC="../../images/nfolder.gif"><a href="y1175769wz.pdf" target="mainFrame">2.1 文章1</a><br>
 
<img SRC="../../images/I.gif"><img SRC="../../images/I.gif"><img SRC="../../images/L.gif"><img SRC="../../images/nfolder.gif"><a href="y11757690011.pdf" target="mainFrame">2.2 文章2</a></div>
 
 
</div>
<img SRC="../../images/H.gif"><img SRC="../../images/ofolder.gif" ID="Out2" CLASS="Outline" STYLE="cursor:hand"><a href="y11757690007.pdf" target="mainFrame">***大学
</a><br>
 
<div ID="Out2d">
 
<img SRC="../../images/I.gif"><img SRC="../../images/H.gif"><img SRC="../../images/ofolder.gif" ID="Out21" CLASS="Outline" STYLE="cursor:hand">1.论文目录<br>
 
<div ID="Out21d">
 
<img SRC="../../images/I.gif"><img SRC="../../images/I.gif"><img SRC="../../images/H.gif"><img SRC="../../images/nfolder.gif"><a href="y1175769wz.pdf" target="mainFrame">1.1 文章1</a><br>
 
<img SRC="../../images/I.gif"><img SRC="../../images/I.gif"><img SRC="../../images/L.gif"><img SRC="../../images/nfolder.gif"><a href="y11757690011.pdf" target="mainFrame">1.2 文章2</a></div>
 
 
<img SRC="../../images/I.gif"><img SRC="../../images/H.gif"><img SRC="../../images/ofolder.gif" ID="Out22" CLASS="Outline" STYLE="cursor:hand"><a href="y11757690009.pdf" target="mainFrame">2.项目目录</a><br>
 
<div ID="Out22d">
 
<img SRC="../../images/I.gif"><img SRC="../../images/I.gif"><img SRC="../../images/H.gif"><img SRC="../../images/nfolder.gif"><a href="y1175769wz.pdf" target="mainFrame">2.1 文章1</a><br>
 
<img SRC="../../images/I.gif"><img SRC="../../images/I.gif"><img SRC="../../images/L.gif"><img SRC="../../images/nfolder.gif"><a href="y11757690011.pdf" target="mainFrame">2.2 文章2</a></div>
  
 
</td>
 
</tr>
 
</table>folder.jpg是“+”图标，ofolder是“-”图标。

解决方案 »

  1.   

    你的树展开和折叠是用display控制的,那就在页面加载后,把各级的display属性都置为none
      

  2.   

    http://www.open-lib.com/Type/194-1.jsp
      

  3.   


    <script>
    //获得所有DIV，然后隐藏
     function menuInit(){
      var menu = document.getElementsByTagName("div");
    for(var i = 0; i< menu.length; i++){
    menu[i].style.display = "none";
    }
     }
    </script>
    </head>
    <body onload="menuInit()">
    </body>
      

  4.   

    这个不太好，如果有其他的DIV也给隐藏掉了
    不过你可以给所有需要隐藏的菜单加一个class=menu
    然后在for里执行判断<script>
    //获得所有DIV，然后隐藏
     function menuInit(){
         var menu = document.getElementsByTagName("div");
        for(var i = 0; i< menu.length; i++){
            if(menu.className == "menu")
                menu[i].style.display = "none";
        }
     }
    </script>
    </head>
    <body onload="menuInit()">
    </body>
      

  5.   

    你的树展开和折叠是用display控制的,那就在页面加载后,把各级的display属性都置为none
    在你的 节点的属性中