Меню CSS+JS

[sobolgay]

Господа,
пробовал найти решение на форуме, убил 3 часа, но так и не нашел.
Проблема вот в чём:
есть вёрстка отображения двухуровневого меню с использованием CSS+JS:
Код:

<ul class='header-nav'>
<li class='first'><a href='/about/' rel='about'>Об организации</a><i class='el-left'></i><i class='el-right'></i></li>

<li><a href='/publications/' rel='publish'>Публикации</a><i class='el-left'></i><i class='el-right'></i></li>
</ul>

<ul class='header-nav-sub' id='about'>
<li class='first'><a href='/about/announcements/'>Анонсы</a></li>
<li class='active'>История</li></ul>

<ul class='header-nav-sub j-off' id='publish'><li class='first'><a href='/publications/politics/'>Политика</a></li><li><a href='/publications/political-technology/'>Политтехнологии</a></li></ul>

Каким образом его вставить в шаблон, так что бы второй уровень меню в случае активности выдавал class='header-nav-sub', а не активности class='header-nav-sub j-off'? Точнее и понятнее если посмотреть на код выше. В случае активного раздела id='about' отображается меню подразделов с id='about', все остальные скрыты.
Буду благодарен за помощь!