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

Question

* 解决了 *

jQuery - 取消绑定或重新绑定 hoverIntent()？

我希望我得到了正确的主题名称。

我将 HoverIntent 用于简单的水平导航菜单。悬停“项目一”> .second-navigation 变得可见。但是，如果用户已经在相关 .second-navigation 中的那个“项目”上，显然我不希望那个项目始终可见。就目前而言，它在页面加载时可见，但如果用户以任何方式使用导航，则会触发 HoverIntent，使当前导航再次向上滑动。

我有一种感觉，我应该以另一种方式来解决这个问题，但如果能解决我的问题，我将不胜感激。

标记它：

<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>

jQuery

$(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);
        }
    );
...