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は css#myListで設定する必要があります。overflow:hidden;

Answer 2

これを試して

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