<!--@foreach($category_list as $key=>$val)-->

<!--@if(!$val->depth)-->

{@

$cate_list[$key] = $val;

$cate_list[$key]->children = array();

$current_key = $key;

}

<!--@elseif($current_key)-->

{@ $cate_list[$current_key]->children[] = $val }

<!--@end-->

<!--@end-->

일단 탭이 들어가는 부분위에 위 내용을 넣습니다. 저도 php를 잘 모르기에 하여튼 위에서 변수를 바꾸기에 아래와 같은 배열이 가능해 집니다.

<ul class="cTab" cond="$module_info->use_category=='Y'">

<li class="on"|cond="!$category"><a href="{getUrl('category','','page',''+ ')}">{$lang->total}</a></li>

<li loop="$cate_list=>$key,$val" class="on"|cond="$category==$val->category_srl"><a href="{getUrl(category,$val->category_srl,'document_srl','')}">{$val->title}<!--<em cond="$val->document_count">[{$val->document_count}]</em>--></a>

<ul cond="count($val->children)">

<li loop="$val->children=>$idx,$item" class="on_"|cond="$category==$item->category_srl"><a href="{getUrl(category,$item->category_srl,'document_srl'+ ','')}">{$item->title}<!--<em cond="$val->document_count">[{$item->document_count}]</em>--></a></li>

</ul>

</li>

</ul>

위 부분이 분류를 탭형식이든 메뉴형식이든 활용할 수 있는 2단으로 배열할 수 있는 html 구조입니다.

나머지 2단메뉴가 엑티브일때 상위 메뉴에 클라스 명을 넣어 활성화 됨을 표현하기 위한 js

$('.cTab>li>ul>li.on_').parents('li:first').addClass('on');


가급적 v3 게시판 탭형식을 한번 읽어 보시기를 권해 드리며 저 부분만 어느 게시판이든 옮겨 가시면 탭형식의 메뉴든 어떤 메뉴형식이든 변형이 가능합니다.

주의 할 점은...

$('.cTab>li>ul>li.on_').parents('li:first').addClass('on'); 이런 형식이어야 활성화된 2차 메뉴의 상위 메뉴에 클라스명을 먹일 수 있다는 겁니다.

php로 변수값을 바꿔도 정확하게 아버지 아들 구조는 아닌거 같습니다.
그냥 아무생각 없이 $('li.on_').parents().parents('li').addClass('on');로 나갔더니 1차 메뉴의 모든 li에 클라스명 on이 먹히더군요

그래서 다시 v3 게시판의 js를 보고 수정해서 저도 사용했습니다. ^^