Javascript 菜单onhover隐藏问题jquery

我的jquery是

$("#men1").hoverIntent({
    over: makeTall
});
$("#men2").hoverIntent({
    over: makeTall
});

html

这是子菜单1
这是次菜单2

---

hideParent（）函数正在隐藏子菜单，但我需要在mouseout上隐藏它不起作用。

您真的想使用

setInterval

，而不是

setTimeout

setInterval

将每10秒隐藏一次父项。您需要一个

out:

选项来

hoverIntent

来说明在mouseout上要做什么。如果使用out意味着子菜单突然隐藏，请使用

timeout:

选项为

out:

操作设置延迟。$（“\men1”）.hoverIntent（{over:makeTall}）$（#men2”）.hoverIntent（{over:makeTall}）；把这个文件准备好

function makeTall()
{
    //$("#mainmenu div").mouseover(function() {
    var val = $(this).data("id");
    $(".sub-menu-" + val).slideToggle(500);
    $(".sub-menu-" + val).siblings().slideUp(500);
    var className = $(this).attr("class").split(" ");
    var iid = $(this).attr("id").split(" ");
    $("." + className[0]).addClass("active");
    //  alert(iid);
    $("." + className[0]).siblings().removeClass("active");

    // hide id submenu is open 
    function hideParent() {
        if ($(".sub-menu-" + val).is(':visible')) {
            $("." + className).removeClass("active");
            $(".sub-menu-" + val).slideUp(500);
        }
        else{

        }
    }
    setInterval(function () {
        hideParent();
    }, 10000);
}

<div id="mainmenu" class="navigation">
<div class="main-menu-1" data-id="1" id="men1">
</div>
<div class="main-menu-2" data-id="2" id="men2" >
</div>
<div class="main-menu-3" data-id="3" id="men3" >
</div>
<div class="main-menu-4" data-id="4" id="men4" >
</div>
<div class="main-menu-5" data-id="5" id="men5" >
</div>
<div class="main-menu-6" data-id="6" id="men6" >
</div>
</div>

<div class="sub-menu-1 sub-menu" data-id="1" style="display: none;">
this is sub menu1
</div>
<div class="sub-menu-2 sub-menu" data-id="2" style="display: none;">
this is sub menu2
</div>