javascript - jquery 如何切换这个特定的动画？

Question

所以我想在 jQuery 中切换这个动画，但我发现很难找到方法。

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

Answer 1

您可以在变量中设置元素的高度，并使用它来制作动画。此外，您还需要保存 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>