Не Получается Подправить Меню

[TPAKTOP]

Добрый день, есть меню аккордеон.

При клике на главную категорию открывается подкатегория.

Как можно сделать, чтобы при клике на главную категорию открывалась и подкатегории меню и страница заданная для главной категории.

Заранее спасибо.

 

Вот код меню:

{assign var="level" value=1}
{function name=categories_tree}
{if $categories}
	<ul id="nav" ul-level='{$level}' {if $level == 1}class='top_ul collapse navbar-collapse'{else}class='sub_ul ul_level_{$level}'{/if}>
	{foreach $categories as $c}
	{if $c->visible}
	<li class='level_{$level} {if in_array($category->id, $c->children)}active{/if}'>
	   <a href="catalog/{$c->url}" data-category="{$c->id}">{$c->name|escape}</a>
	   {categories_tree categories=$c->subcategories level=$level+1}
	</li>
	{/if}
	{/foreach}
	</ul>
{/if}
{/function}
{categories_tree categories=$categories}
							

И js:

   	<script>
	$(function() {
		$(".top_ul li.selected").parent("ul").show();
		$(".top_ul > li").each(function() {
		$(this).addClass("top_li");
			if ($(this).hasClass("selected"))
			{
				$(this).next("ul").show();
			}
		});
        $(".top_ul li a").click(function(){
           if ($(this).parent().find('ul').length) {
               $(this).parent().siblings().find("a.selected:visible").removeClass("selected");
               $(this).closest('li').children("ul").slideToggle("slow");
               $(this).parent().siblings().find("ul:visible").slideUp("slow");
               $(this).toggleClass("selected");
           return false;
           }
        });
	});
	</script>

 

[TPAKTOP]

Никто не знает?