Hoverintent - 整个菜单（Div）要下拉？

Question

我试图让整个 div 在悬停时向下滑动。

要尝试更详细地解释：

当您将鼠标悬停在徽标下方的箭头上时...

我想要它向下滑动以显示菜单，如下所示：

我想要带有仪器图标的蓝色 div，将鼠标悬停在小箭头上即可向下。

任何帮助将不胜感激！

Answer 1

也许这可以帮助您开始：

$("#panelTriggerButton").mouseover(function(){
    if($("#panel").hasClass("activePanel")) {
        $("#panel").slideUp('slow').removeClass("activePanel");
        $(this).html("Open");
    } else {
        $("#panel").slideDown('slow').addClass("activePanel");
        $(this).html("Close");
    }
    return false;
});

例如： http://jsfiddle.net/Mk5Qx/