호버 대신 클릭하여 워드 프레스 드롭 다운 메뉴 변경

Question

드롭 다운 메뉴를 사용하여 워드 프레스 메뉴를 마우스로 클릭하여 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/

내 바이올린을 참조하십시오. 사실은 정말 쉽습니다 : jsfiddle의

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

이전 버전 다수의 드롭 다운 작동하지 않았다,이 작업을 수행합니다

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