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

【问题标题】：Hoverintent - Whole menu (Div) to drop down?Hoverintent - 整个菜单（Div）下拉？
【发布时间】：2012-02-08 19:21:15
【问题描述】：

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

尝试更详细地解释：

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

我希望它向下滑动以显示菜单，如下所示：

我希望带有仪器图标的蓝色 div 在悬停在小箭头上时向下。

任何帮助将不胜感激！

【问题讨论】：

更多信息对此很有用。如果有的话，你到目前为止做了什么？
我已经添加了另一张图片来尝试解释。

标签： jquery menu hover slide opencart

【解决方案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/

【讨论】：

我刚刚试了一下，这几乎正是我想要的！虽然我希望菜单 div 从顶部主导航的顶部整体滑动，但如果这有意义的话。比如，我不希望它隐藏在 css 中，我只想让它在鼠标悬停时向下滑动，然后在鼠标悬停时向上滑动。