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/