我刚刚将主题的HTML版本转换为Wordpress，目前正在转换下拉菜单。

What WordPress processes:

<ul class="dropdown">
    <li id="menu-item-190" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-190"><a href="#">Home</a></li>
    <li id="menu-item-185" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-185"><a href="#">About</a></li>
    <li id="menu-item-183" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-183"><a href="#">Contact</a></li>
    <li id="menu-item-179" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-179"><a href="#">Drop-downs</a>
            <ul class="sub-menu">
                <li id="menu-item-189" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-189"><a href="#">Page one</a></li>
                <li id="menu-item-188" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-188"><a href="#">Page two</a></li>
                <li id="menu-item-187" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-187"><a href="#">Page three</a></li>
            </ul>
    </li>
    <li id="menu-item-177" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-177"><a href="#">Pages</a></li>
</ul>

在页面加载时，“我的菜单”显示以下内容：

<ul class="sub-menu">

我希望它显示：

<ul class="sub-menu" style="visibility: hidden;">

What WordPress is currently doing:
加载时，当前显示下拉菜单。屏幕截图：http://d.pr/i/KMxL - 我只希望它在悬停时显示，但由于将其从原始HTML/CSS转换而来，它只会在页面加载时显示，但当我悬停和/或悬停时，它工作得很好。

My jQuery

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

我不太清楚如何让WordPress添加“style=”可见性：隐藏；“\'对此。有人知道吗？

Note: 如果我遗漏了什么，我会加上的，对不起。此外，我正在使用WordPress菜单。使用：add_theme_support(\'menus\');