Jquery HoverIntent：一个元素可见，但根据事件隐藏

*已解决*

我希望我的主题名称是正确的

我正在使用HoverIntent实现一个简单的水平导航菜单。将鼠标悬停在“项目一”>。第二个导航将变为可见。但是，如果用户已经在相关的.second导航中的“项”上，显然我不希望该项始终可见。现在，当页面加载时，它是可见的，但是如果用户以任何方式使用导航，就会触发HoverIntent，让当前导航再次向上滑动

我有一种感觉，我应该换一种方式来解决这个问题，但如果我的问题得到解决，我会非常感激

it的标记：

<ul class="main-navigation">
    <li>Item One
        <ul class="second-navigation">
            <li>Item</li>
        </ul>
    </li>
    <li>Item Two
        <ul class="second-navigation">
            <li>Item</li>
        </ul>
    </li>
    <li>Item Three
        <ul class="second-navigation">
            <li>Item</li>
        </ul>
    </li>
</ul>

$(document).ready(function() {
    $('.main-navigation > li:has("ul")').hoverIntent(   
        function(){
            $(this).find('ul').slideDown(300);
            $(this).find('ul li').fadeIn(100);
        },
        function(){
            $(this).find('ul li').fadeOut(100);
            $(this).find('ul').slideUp(300);
        }
    );
...