使動畫元素可見

Question

我目前正在開發一個插件，使我能夠模擬Web應用程序的Office Ribbon界面。

現在，現在所有東西都可以使用，但是我想爲它添加一些動畫，就像在原始功能區中一樣。

對於誰擁有Outlook 2013中的人，你能明白我的意思的行爲：

當你點擊，有一個下拉指標（如「新項目」）項目的下拉來自頂部飛英寸

現在，我創建了一個自己的下拉列表，通過單擊該圖標變得可見，但沒有動畫（只是顯示塊）。

有人可以提供我需要的代碼，使它從頂部飛入嗎？ 你可以在這裏找到小提琴：http://jsfiddle.net/Complexity/nf7Lr/

我的菜單上裝飾有下面的類：

<div class="menu" id="mnuCleanUp"> 

所以，我希望菜單從頂部（剛下點擊按鈕）飛行。

親切的問候，

凱文

Answer 1

顯示菜單

$("#mnuCleanUp").slideDown("slow"); 

和隱藏回

$("#mnuCleanUp").slideUp("slow"); 

Answer 2

jQuery有內置的方法有光滑的出現/消失

你檢查：http://api.jquery.com/fadein/

的寬鬆屬性讓你選擇不同的效果：http://jqueryui.com/resources/demos/effect/easing.html