<!-- 一級欄目名稱 -->
<h1>{eyou:channelartlist typeid='$eyou.field.typeid|gettoptype=###,typeid'}{eyou:field name='typename' /}{/eyou:channelartlist}</h1>
<!--二級欄目開始-->
{eyou:channel type="first" currentstyle="active"}
    {eyou:eq name='$eyou.field.grade' value='2'}
        {eyou:type typeid='$eyou.field.typeid' id='field1'}
            {eyou:eq name='$field1.parent_id' value='$field.id'}
                {eyou:assign name='$field.currentstyle' value='current' /}
                <!--current對應樣式中的display:block-->
            {/eyou:eq}
        {/eyou:type}
    {/eyou:eq}
    <h2 class="{$field.currentstyle}">{$field.typename}</h2><!-- 二級欄目名稱 -->
    <!--三級欄目開始-->
    {eyou:notempty name="$field.children"}
        {eyou:channel name="$field.children" id="field2"}
        <h3><a href="{$field2.typeurl}" class="{$field2.currentstyle}">{$field2.typename}{$field2.typeid}<!-- 三級欄目名稱 --></a></h3>
        {/eyou:channel}
    {/eyou:notempty}
{/eyou:channel}

可以參考http://www.ts-cyhb.com/xingyedongtai/204.html做手風琴折疊菜單