jquery - HoverIntent: 1 つの要素が表示されますが、イベントに従って非表示になります

Question

*解決済み*

jQuery - hoverIntent()のバインドを解除または再バインドしますか?

トピック名が正しいことを願っています。

シンプルな水平ナビゲーション メニューに HoverIntent を使用しています。「項目 1」にカーソルを合わせる > .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);
        }
    );
...