我试图改变WordPress的下拉菜单点击而不是悬停;我想在点击一个项目时看到菜单，但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; }

每当我点击“类别”，页面滚动到顶部？