Question

关于ECSHOP系统商品分类树的问题。

以下这段代码是category_tree.lbi里面的代码，这段代码实现了商品分类树可以展开或者收缩，但是默认是展开的，请问怎样修改可以实现全部分类是收缩的，只保留显示顶级分类。（注意是收缩，保留可以展开的属性）。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="javascript">
function expandIt(divId){
var objDiv = document.getElementById(divId);
var spobjDiv=document.getElementById("sp"+divId);
if (objDiv.style.display=="none"){
spobjDiv.src='/images/menu_minus.gif';
objDiv.style.display="";
}else{
spobjDiv.src='/images/menu_plus.gif';
objDiv.style.display="none";
}}
</script>
<div class="area" id="category_tree">
<div class="top"><span></span></div>
<div class="content">
<h1>Categories</h1>
<dl>
<!--{foreach from=$categories item=cat}-->
<dt>{if $cat.cat_id}<img src="/images/menu_minus.gif" id="spcattree{$cat.id}" onClick="expandIt('cattree{$cat.id}');" border=0>{/if}<a href="{$cat.url}" id="cattree{$cat.id}" style="display:block">{$cat.name|escape:html}</a></dt>
<dd id="cattree{$cat.id}" style="display:block">
<!--{foreach from=$cat.cat_id item=child}-->
{if $child.cat_id}<p><img src="/images/menu_minus.gif" id="spcattree{$child.id}" onClick="expandIt('cattree{$child.id}');" border=0>{else}<p>{/if}<a href="{$child.url}" onfocus="this.blur()">{$child.name|escape:html}</a></p>
<ul id="cattree{$child.id}" >
<!--{foreach from=$child.cat_id item=childe}-->
<li> {if $childe.cat_id}<img src="/images/menu_minus.gif" id="spcattree{$childe.id}" onClick="expandIt('cattree{$childe.id}');" border=0>{/if}<a href="{$childe.url}" onfocus="this.blur()">{$childe.name|escape:html}</a></li>
{if $childe.cat_id}<li id="cattree{$childe.id}">
<!--{foreach from=$childe.cat_id item=childer}-->
<p> <a href="{$childer.url}" onfocus="this.blur()">{$childer.name|escape:html}</a></p>
<!--{/foreach}-->
</li>{/if}
<!--{/foreach}-->
</ul>
<!--{/foreach}-->
</dd>
<!--{/foreach}-->
</dl>
</div>
<div class="bottom"><span></span></div>
</div>

15分是少了点，不过已经是我全部家当，大家发扬助人为乐的精神，万分感谢！
代码搞错了。这个部分：<!--{foreach from=$categories item=cat}-->
<dt>{if $cat.cat_id}<img src="/images/menu_minus.gif" id="spcattree{$cat.id}" onClick="expandIt('cattree{$cat.id}');" border=0>{/if}<a href="{$cat.url}" id="cattree{$cat.id}" style="display:block">{$cat.name|escape:html}</a></dt>
<dd id="cattree{$cat.id}" style="display:block">

实际上是这样:

<!--{foreach from=$categories item=cat}-->
<dt>{if
$cat.cat_id}<img src="/images/menu_minus.gif" id="spcattree{$cat.id}"
onClick="expandIt('cattree{$cat.id}');" border=0>{/if}<a
href="{$cat.url}">{$cat.name|escape:html}</a></dt>
<dd id="cattree{$cat.id}" style="display:block">

Answer 1

第一：<dt>{if $cat.cat_id}<img src="/images/menu_minus.gif" id="spcattree{$cat.id}" onClick="expandIt('cattree{$cat.id}');" border=0>{/if}<
这地方换成
<dt>{if $cat.cat_id}<img src="/images/menu_plus.gif'" id="spcattree{$cat.id}" onClick="expandIt('cattree{$cat.id}');" border=0>{/if}<

第二：
<dd id="cattree{$cat.id}" style="display:block">

这个部分改成
<dd id="cattree{$cat.id}" style="display:none">

第一步是把图片将展开改为合上
第二步是让分类收缩

Answer 2

<dd id="cattree{$cat.id}" style="display:none">