jquery parent div hide logic在mouseout上隐藏子下拉菜单

我有一行带有“itemcontainer”类的div,在mouseover上显示一组操作图标。其中一个动作图标有一个下拉菜单,其绝对位置显示在鼠标上方。我尝试解决的挑战是下拉菜单跨越项目容器,当您向下移动鼠标到下拉菜单时,项目容器鼠标输出逻辑将启动并隐藏下拉菜单和项目容器。任何建议,jquery代码如下。

  $(".itemcontainer").live("mouseover", function () {
        $(this).addClass("selecteditemcontainer");
        $(this).find(".actioncontainer").show();

    }).live("mouseout", function () {
            $(this).removeClass("selecteditemcontainer");
            $(this).find(".actioncontainer").hide();

    });

    $(".dropdown").live("mouseover", function () {
        $(this).find(".submenu").slideDown("fast").show();
        $(this).parent().mouseout(function () {
        }, function () {
            $(this).parent().find(".submenu").slideUp('fast'); //When the mouse hovers out of the subnav, move it back up  
        });
    });