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

Question

在我的代码中，我使用jQuery的toggle('slow')动画使隐藏的div显示/消失。它从左上角扩展到右下角。

如何让它从顶部向底部扩展，而不是从左向右扩展？

Answer 1

您可以使用.slideToggle('slow')。

的 The working demo. 的

Answer 2

试试.slideDown('slow')。请注意，这仅适用于向下滑动（显示）和向上滑动（隐藏）。对于任何更复杂的内容，您需要.animate(...)或something from jQuery UI。

Answer 3

您可以使用jQuery＆＃39; .animate（http://api.jquery.com/animate/）代替。这样，您可以在展开之前和之后设置CSS属性，只改变高度。

Answer 4

尝试通过onclick放置一个 $（'＃DIV-ID'）。toggle（'slow'）;返回false；

就像这样：<a onclick="$('#DIV-ID').toggle('slow'); return false;">DROP DOWN</a>