如何把左侧的商品分类改成像这样的效果



就是点击下一级分类，上一级分类会自动合并，

我在论坛里找了好长时间都没有搜索到。

希望高手回复

我的版本是 2.5.1


分类树的代码是：

<meta http-equiv="Content-Type" c>
<div class="col-box">
  <h3>商品分类</h3>
  <div id="navcontainer">
    <!--{foreach from=$categories item=cat}-->
    <ul>
      <li><a href="{$cat.url}"><strong>{$cat.name|escape:html}</strong></a>
        <!-- {if $cat.children} -->
        <ul>
          <!--{foreach from=$cat.children item=child}-->
          <li><a href="{$child.url}">{$child.name|escape:html}</a></li>
          <!--{/foreach}-->
        </ul>
        <!-- {/if} -->
      </li>
    </ul>
    <!-- {/foreach}-->
  </div>
</div><!-- /col-box -->


该怎么改一下阿

[ 本帖最后由 zylei1213 于 2008-5-3 03:06 编辑 ]