jQuery如何切換此特定動畫？

Question

所以我想在jQuery中切換此動畫，但是我發現很難找到一種方法。

$( "#console" ).animate({height: "20px"});

Answer 1

您可以在變量中設置元素的height並將其用於動畫。 另外，您需要將toggle狀態保存為沒有錯誤的動畫。

 var firstHeight = $("div").height(); $("div").click(function(){ $(this).stop(); if (!$(this).data("animateToggle")) $("div").data("animateToggle", 1).animate({height: "200px"}); else $("div").removeData("animateToggle").animate({height: firstHeight}); }); 

 div { width: 100px; height: 100px; background: green; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div></div>