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>