hoverIntent jQuery子菜单未保持打开状态

总结/问题：

将鼠标悬停在使用jQuery和hoverIntent显示子菜单的菜单系统中的链接上后，如果鼠标指针移到子菜单中，子菜单将立即关闭

详细信息

我一直对jQuery hoverIntent插件有问题。我有一个包含子菜单的导航菜单。当用户将鼠标悬停在指定的顶级链接上时，将打开该子菜单。以下是HTML：

<ul id="Menu">
    <li><a href="/">Home</a></li>
    <li><a href="news/">News</a></li>
        <li class="hassublinks"><a href="software.php">Software & Apps</a>
            <ul>
                <li><a href="windows.php">Windows</a></li>
                <li><a href="mac.php">Mac</a></li>
                <li><a href="ios.php">iOS</a></li>
                <li><a href="android.php">Android</a></li>
            </ul>
        </li>
    <li><a href="feedback.php">Feedback</a></li>
    <li><a href="about.php">About</a></li>
</ul>

这段代码只是使它在jsfiddle上的

的。有办法解决这个问题吗？我以前在子菜单中使用过CSS3转换，但当我意识到无法轻松地将元素的高度从0px（其闭合高度）转换为值“auto”（其开放高度）时，我切换到了jQuery。现在有了jQuery，我可以轻松地将子菜单转换到其全高，所以这不再是一个问题，但现在出现了这个问题，我不知道如何解决它。有没有办法使子菜单在悬停时保持打开状态

我搜索了一些类似的问题，确实找到了一些，但在阅读之后，我发现它们涉及
试试这个

$(function($) {

 function showMenu() {
    $('#Menu ul').slideDown(500, "swing");
}

function hideMenu() {
    $('#Menu ul').slideUp(500, "swing");
}   
    $("li.hassublinks").hoverIntent({
        over: showMenu,
        timeout: 400,
        out: hideMenu
    });

});

试试这个

$(function($) {

 function showMenu() {
    $('#Menu ul').slideDown(500, "swing");
}

function hideMenu() {
    $('#Menu ul').slideUp(500, "swing");
}   
    $("li.hassublinks").hoverIntent({
        over: showMenu,
        timeout: 400,
        out: hideMenu
    });

});