2012-01-12 80 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