Javascript 使用动画使元素可见

我目前正在开发一个插件，使我能够模拟web应用程序的Office Ribbon界面

现在，一切都正常了，但我想给它添加一些动画，就像在原来的功能区中一样

对于拥有Outlook 2013的人，你可以看到我的意思：

当你点击有下拉菜单的项目（例如“新项目”）时，下拉菜单会从顶部飞入

现在，我自己创建了一个下拉列表，通过单击图标可以看到它，但它没有动画（仅显示块）

有人能提供我需要的代码让它从顶部飞入吗？ 你可以在这里找到小提琴：

我的菜单装饰有以下类别：

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

因此，我希望菜单从顶部飞入（就在单击的按钮下方）

亲切问候,

---

Kevin

Jquery内置了平滑显示/消失的方法

你查过了吗

“缓和”属性允许您选择不同的效果：

以显示菜单

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

然后把它藏起来

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

---

好的，我已经添加了fadeIn选项（参见这里的fiddle:），但它只是在菜单中淡出。我真的想从顶端飞进去？有什么建议吗？谢谢，我需要的是“向下滑动”功能。但是，我在使用SlideDown（）函数时遇到了css问题。我已经更新了提琴：你能很快看一下吗？我看还可以，不清楚你看到了什么css问题我在Chrome和Firefox中都有这个问题（只有我测试过的）。随着动画的进行，顶部的位置将移动1个像素，最后在动画完成时添加左边框。一定要提前查看最新版本的小提琴：谢谢。我已经在论坛上找到了我的答案。似乎是使用边框时的已知错误。