ecshop左侧商品分类修改为可伸缩方式

[代码]xml代码：

<meta ;
<LINK href="/cat/css/niutuku.css" type=text/css rel=stylesheet>
<DIV class=pnav-cnt>
    <!--{foreach from=$categories item=cat}-->
    <DIV class=pnav-box id=letter-a>
    <DIV class=box-title><A class="btn-fold " href="#"></A><A class="btn-unfold hidden"
    href="#"></A><SPAN class=pnav-letter><A
      href="{$cat.url}"
      target=NT_PHVIEW>{$cat.name|escape:html}</A></SPAN></DIV>
    <!--{foreach from=$cat.cat_id item=child}-->
    <UL class="box-list hidden">
      <LI><A class=btn-fold href="#"></A><A
      class="btn-unfold hidden" href="#"></A><B><A
      href="{$child.url}"
      target=NT_PHVIEW>{$child.name|escape:html}</A> </B>
      <!--{foreach from=$child.cat_id item=childer}-->
      <H2 class=hidden><A
      href="{$childer.url}"
      target=NT_PHVIEW>{$childer.name|escape:html}</A></H2>
      <!--{/foreach}-->
      </LI>
      </UL>
      <!--{/foreach}-->
      </DIV>
      <!--{/foreach}-->
   
<SCRIPT src="/cat/js/niutuku.js" type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
//<![CDATA[
(function(){
NTES("span.photo-search input[type=text]").addEvent("focus", function(){ this.value == this.defaultValue && (this.value = ""); }).addEvent("blur", function(){ this.value == "" && (this.value = this.defaultValue); });
    NTES("div.pnav-box div.box-title a.btn-fold").addEvent("click", function(e){
        e.preventDefault();
        var eleTitle = NTES(this.parentNode);
        NTES(this).addCss("hidden");
        eleTitle.$("a.btn-unfold").removeCss("hidden");
        NTES(eleTitle.parentNode).$("ul.box-list").removeCss("hidden");
    });
    NTES("div.pnav-box div.box-title a.btn-unfold").addEvent("click", function(e){
        e.preventDefault();
        var eleTitle = NTES(this.parentNode);
        NTES(this).addCss("hidden");
        eleTitle.$("a.btn-fold").removeCss("hidden");
        NTES(eleTitle.parentNode).$("ul.box-list").addCss("hidden");
    });
    NTES("div.pnav-box ul.box-list a.btn-fold").addEvent("click", function(e){
        e.preventDefault();
        var eleTitle = NTES(this.parentNode);
        NTES(this).addCss("hidden");
        eleTitle.$("a.btn-unfold").removeCss("hidden");
        eleTitle.$("h2").removeCss("hidden");
    });
    NTES("div.pnav-box ul.box-list a.btn-unfold").addEvent("click", function(e){
        e.preventDefault();
        var eleTitle = NTES(this.parentNode);
        NTES(this).addCss("hidden");
        eleTitle.$("a.btn-fold").removeCss("hidden");
        eleTitle.$("h2").addCss("hidden");
    });
    new NTES.ui.Slide(NTES("ul.photo-snav li"), NTES("div.photo-scnt"), "active", "mouseover", 6000);
})();
//]]>
</SCRIPT>
</DIV>