<!-- 分类折叠手风琴菜单 开始 -->
<div class="subnavbox bg-white radius">
<h2 class="bg-blue text-white">{eyou:channelartlist typeid='$eyou.field.typeid|gettoptype=###,typeid'}{eyou:field name='typename' /}{/eyou:channelartlist}</h2>
<!--当前栏目下二级栏目调用-->
{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}
    <div class="{$field.currentstyle}dd {$field.currentstyle}dt suboneNav">{$field.typename}</div>
    <!--当前栏目下三级栏目调用-->
    {eyou:notempty name="$field.children"}
    <ul class="cur-bg {$field.currentstyle}">
        {eyou:channel name="$field.children" id="field2"}
        <li><a href="{$field2.typeurl}" class="{$field2.currentstyle}">{$field2.typename}{$field2.typeid}</a>
        </li>
        {/eyou:channel}
    </ul>
    {/eyou:notempty} 
{/eyou:channel}
</div>
<!-- 分类折叠手风琴菜单 结束 -->

CSS和JS代码可以点此链接获取：https://www.tbadc.com/coding/559.html