Question

HTML树形菜单伸缩问题

用下面的代码显示树形目录，但默认是“张开”所有小目录状态，怎么才能默认显示为“收缩”状态呢？

<br><SPAN><IMG id="Image_Closed" style="DISPLAY: none" onclick="this.style.display='none';
Text_Closed.style.display='inline';
Image_Open.style.display='inline';
Text_Open.style.display='inline';"
src="pic/m_o.gif"><IMG id="Image_Open<%= i %>" onclick="this.style.display='none';
Image_Closed.style.display='inline';
Text_Open.style.display='none';
Text_Closed.style.display='inline';"
src="pic/m_c.gif"></SPAN>

<SPAN id="Text_Closed">大目录
<SPAN id="Text_Open" style="DISPLAY: inline;">
<SPAN>
<br>  <IMG src="pic/m_c.gif" />小目录<br>
</SPAN>
</SPAN>
</SPAN>

Answer 1

<br><SPAN><IMG id="Image_Closed" style="DISPLAY: none" onclick="this.style.display='none';
Text_Closed.style.display='inline';
Image_Open.style.display='inline';
Text_Open.style.display='inline';"
src="pic/m_o.gif"><IMG id="Image_Open<%= i %>" onclick="this.style.display='none';
Image_Closed.style.display='inline';
Text_Open.style.display='none';
Text_Closed.style.display='inline';"
src="pic/m_c.gif"></SPAN>

<SPAN id="Text_Closed">大目录
<SPAN id="Text_Open" style="DISPLAY: none;"> '主要是这句话进行修改下
<SPAN>
<br> <IMG src="pic/m_c.gif" />小目录<br>
</SPAN>
</SPAN>
</SPAN>

Answer 2

<br><SPAN><IMG
id="Image_Closed"
style="DISPLAY:
none"
onclick="this.style.display='none';
Text_Closed.style.display='inline';
Image_Open.style.display='inline';
Text_Open.style.display='inline';"
src="pic/m_o.gif"><IMG
id="Image_Open<%=
i
%>"
onclick="this.style.display='none';
Image_Closed.style.display='inline';
Text_Open.style.display='none';
Text_Closed.style.display='inline';"
src="pic/m_c.gif"></SPAN>
<SPAN
id="Text_Closed">大目录
<SPAN
id="Text_Open"
style="DISPLAY:
none;">
'主要是这句话进行修改下
<SPAN>
<br>
<IMG
src="pic/m_c.gif"
/>小目录<br>
</SPAN>
</SPAN>
</SPAN>