2012-01-12 37 views
0

我试图让整个div在滑动时滑落。Hoverintent - 整个菜单(Div)下拉?

要尝试并更详细地解释:

当你将鼠标悬停在标志下方的箭头...

enter image description here

我希望它滑下来揭示菜单,像这样:

Snap of menu

我要蓝色的div,与仪器图标,向下盘旋时OV呃小箭头。

任何帮助将不胜感激!

+0

多一点信息将与这个有用。如果有的话,你做了什么呢? – 2012-01-12 14:03:07

+0

我添加了另一张图片来尝试和解释。 – user1122925 2012-01-12 14:49:25

回答

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/

+0

我刚刚给了这个去,它几乎正是我想要的!尽管我希望菜单div从顶部主导航顶部后面整体滑动,但如果这样做合理的话。在中,我不希望它隐藏在CSS中,我只是希望它在mouseover上滑下,然后在mouseout上滑回。 – user1122925 2012-01-12 15:22:41