Javascript jQuery：从上到下切换（'；慢速'；）动画？

在我的代码中，我使用jQuery的

切换（'slow'）

动画使隐藏的div出现/消失。它从左上角扩展到右下角

---

如何让它从顶部向底部扩展（没有从左到右的增长）？

您可以使用jQuery的

.animate

（）。这样，您可以在展开之前和之后设置CSS属性，并且只更改高度。

试试看。请注意，这仅适用于向下滑动（显示）和向上滑动（隐藏）。对于任何更复杂的问题，您都在寻找or。

您可以使用

.slideToggle（'slow'）

---

尝试使用onclick$（“#DIV-ID”）。切换（'slow'）；返回false

---

就像这样：

下拉列表

@bevanb您查看了演示了吗？是的，它似乎在那里工作得很好。请注意，它的工作原理与

.toggle（'slow'）

相同。但在我的应用程序中不起作用；仍在运行。@bevanb它将从顶部向底部扩展，不像

。切换（“慢”）

，请查看手册。按照演示中的说明运行，但不在我的应用程序中。请注意，切换（慢速）在演示中也会从上到下进行。slideToggle与slideDown的工作原理不同。我的下拉菜单中的滑动切换有问题，当我将鼠标移到孙辈的孩子（第三层菜单）上时，会出现令人讨厌的抖动，因为它“切换”开/关/开/关。一旦我将其替换为slideDown（），问题立即消失。谢谢！对于我的下拉菜单，slideToggle和animate（）不如slideDown（）工作。您的解决方案肯定消除了我在这些函数中遇到的一些问题，当我将鼠标从子菜单父菜单上移开时，子菜单将以非常恼人的方式展开契约。当我用slideDown（）替换slideToggle（）时，我的下拉菜单工作得很好。嗨！欢迎来到StackOverflow！你的问题没有解决OP的问题；他的问题不是开始动画，他的问题是他得到了错误的动画类型（种类…）。