jquery - 动画高度内容不会消失

Question

当我使用这段代码时

$(function(){
  $('#myList').animate({
    height: '0px'
  }, 800);
}

<div id="myList">
  <h1 id="text"> Text Here </h1>
</div>

div#myList将像预期的那样为高度设置动画，但h1#text在动画完成后仍然可见。

我如何使它工作，以便当高度div#myList变得如此之小以至于内容不适合并且会“消失”时？

注意：我刚刚注意到 h1 会“消失”，因为高度会像它应该的那样被动画化，但是它会闪烁并在函数完成时返回。

Answer 1

div#myList需要overflow:hidden;在css中设置。

Answer 2

试试这个

$(function(){
  $('#myList').animate({
    height: '0px',
    overflow : 'hidden'
  }, 800);
}