当我使用这段代码时
$(function(){
$('#myList').animate({
height: '0px'
}, 800);
}
<div id="myList">
<h1 id="text"> Text Here </h1>
</div>
div#myList
将像预期的那样为高度设置动画,但h1#text
在动画完成后仍然可见。
我如何使它工作,以便当高度div#myList
变得如此之小以至于内容不适合并且会“消失”时?
注意:我刚刚注意到 h1 会“消失”,因为高度会像它应该的那样被动画化,但是它会闪烁并在函数完成时返回。