WordPress类别菜单jQuery/CSS悬停

Question

我正在尝试在运行WordPress的博客中使用下拉菜单；我想要做的是为我的类别设置子菜单。所以应该是这样的：http://d.pr/i/jj0I -这就是..。但它看起来也是这样的页面加载-这不是我想要的。一般来说，如果我不使用WordPress，这将是一个简单的解决方案，因为我可以将以下内容添加到我的HTML中。

没有WordPress的HTML菜单：

<ul class="dropdown">
    <li>Link 1</li>
    <li>Link 2</li>
    <li>
        <ul style="visibility: hidden;">
            <li>Sub menu - Link 1</li>
            <li>Sub menu - Link 2</li>
        </ul>
    </li>
    <li>Link 4</li>
</ul>

带有 WordPress的HTML菜单

<ul class="dropdown" style="visibility: hidden;">
    <?php wp_list_categories('title_li='); ?>
</ul>

我想用WordPress做的是能够在我的子菜单上使用‘style=“可见性:隐藏；”。如果我重写了wp_list_categories，这是可能的，但是我需要通过测试，所以我不能这样做。因此，在不使用‘style=“可见性:隐藏；”页面加载的的情况下，子菜单将自动显示，无需悬停。

My jQuery:

jQuery(文档).ready(函数($) {

jQuery("ul.dropdown li").hover(function() {
    $('ul:first',this).css('visibility', 'visible');
}, function() {
    jQuery(this).removeClass("hover");
    jQuery('ul:first',this).css('visibility', 'hidden');
    });
});

，如果它可以帮助您查看下拉菜单，请访问： http://wpvault.com/kahlam-test/

如果我遗漏了任何东西，我很抱歉，如果我遗漏了什么，我会尽我所能尽快添加。

Answer 1

.dropdown .children{
    visibility:hidden;
}

Answer 2

把你的ul藏在页面上。

$(function() {
   $('ul.dropdown li > ul').hide();
   // Your Code here
});

Answer 3

为什么不使用菜单创建者屏幕并以这种方式创建菜单呢？

您可以使用WP菜单创建者创建分层菜单，并且html应该与您要寻找的大致相同。