Hi all,
I want to implement my accordion menu to my new theme. Its coding like below;

<h3 class="accordionButton tabbing">ROOT MENU1</h3>
<div class="accordionContent tabbingContent">
<ul>
<li><a href="#" title="Subtitle 1">Subtitle 1</a></li>
<li><a href="#" title="Subtitle 2">Subtitle 2</a></li>
</ul>
</div>

<h3 class="accordionButton tabbing on">ROOT MENU2</h3>
<div class="accordionContent tabbingContent show">
<ul>
<li><a href="#" title="Subtitle 1">Subtitle 1</a></li>
<li><a href="#" title="Subtitle 2">Subtitle 2</a></li>
</ul>
</div>




I have created a new autonav theme but could not fit the code as i want. You can find the autonav view.php as below.
Could you please help me to figure out ?

Thanks.

echo '<ul class="nav">'; //opens the top-level menu

foreach ($navItems as $ni) {

echo '<li class="' . $ni->classes . '">'; //opens a nav item

echo '<a href="' . $ni->url . '" target="' . $ni->target . '" class="' . $ni->classes . '">' . $ni->name . '</a>';

if ($ni->hasSubmenu) {
echo '<ul>'; //opens a dropdown sub-menu
} else {
echo '</li>'; //closes a nav item
echo str_repeat('</ul></li>', $ni->subDepth); //closes dropdown sub-menu(s) and their top-level nav item(s)
}
}

echo '</ul>'; //closes the top-level menu