jQuery：從上到下切換（'慢'）動畫？

Question

在我的代碼中，我使用jQuery的toggle('slow')動畫來使隱藏的div顯示/消失。 它從左上角擴展到右下角。

如何讓它從頂部向底部擴展（而不是從左到右的增長）？

Answer 1

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

工作演示。

Answer 2

試試.slideDown('slow') 。 請注意，這僅適用於向下滑動（顯示）和向上滑動（隱藏）。 對於任何更復雜的東西，你正在尋找.animate(...)或來自jQuery UI的東西 。

Answer 3

您可以使用jQuery的.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>