изменение раскрывающегося меню Wordpress, чтобы нажимать вместо зависания

Question

Я пытаюсь изменить меню Wordpress на onclick от наведения с выпадающими меню. Я хочу видеть меню, когда я нажимаю элемент, но wordpress делает это при наведении. Вот код того, что я сделал до сих пор, но он не работает.

Jquery:

$(".header_menu_res ul li").live("click",function() { 
    if($(this).find(".adv_categories").length==1) { 
     if($(this).find(".adv_categories").is(":visible")) { 
      $(this).find(".adv_categories").removeClass('importantRule'); 
      $(this).parent("ul").find(".sub-menu").removeClass('importantRule'); 
     } else { 
      $(this).find(".adv_categories").addClass('importantRule'); 
     } 
    } 
}); 

HTML

<div class="header_menu_res"> 
<ul id="menu-header"><li class="menu-item"><a class="primary" href="http://localhost/?page_id=7">Categories</a> 
<div class="adv_categories" id="adv_categories"><ul class="maincat-list"><li class="maincat cat-item-8"><a href="http://localhost/?ad_cat=acs-consultants" title="">ACS Consultants</a> </li> 
<li class="maincat cat-item-9"><a href="http://localhost/?ad_cat=business-development" title="">Business Development</a> </li></ul> 
</div></li></ul> 
</div> 

CSS

.importantRule { display:block !important; } 

Каждый раз, когда я нажимаю Categories страница прокручивается на вершине?

Answer 1

http://jsfiddle.net/kkpLhzqj/1/

Смотрите мою скрипку. Это очень просто на самом деле:

$(".header_menu_res ul > .menu-item").click(function() { 
    $('.maincat-list').toggle("slow"); 
}); 

Старая версия jsfiddle не работает с несколькими выпадающими, это делает:

http://jsfiddle.net/kkpLhzqj/2/