0

当我使用这段代码时

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

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

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

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

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

4

2 回答 2

1

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

于 2013-01-06T17:11:33.010 回答
0

试试这个

$(function(){
  $('#myList').animate({
    height: '0px',
    overflow : 'hidden'
  }, 800);
}
于 2013-01-06T17:15:09.507 回答