動畫高度內容不會消失

Question

當我使用這段代碼

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

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

股利#myList將動畫的高度像預期，但動畫完成後h1#text仍可見。

如何使其工作，以便當div#myList的高度變得非常小以至於內容不適合並會「消失」？

注：我剛剛注意到，H1將「消失」的高度被動畫像它應該，但它閃爍，當函數結束回來。

Answer 1

#myList需要在div被設置在CSS overflow:hidden;。

Answer 2

試試這個

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