jQuery滑动动画并未完全消失

时间:2014-06-17 20:43:05

标签: javascript jquery css

我正在使用此代码:

$('#container').animate({ height: '-=400px'}, 1000).fadeOut('fast');

容器的高度为400像素,目标是尝试使其缩小为零,但在动画结束时div仍然存在,大约5像素高,它不会完全折叠正如你所期望的那样,没有高度值的空div。

我已经尝试过-=410px,但结果是一样的,它并没有完全消失 - 我尝试添加fadeOut动画但它有点笨拙。有谁知道如何解决这个问题?

编辑:发现了一些似乎导致问题的杂散填充,现在我遇到了div的边界问题,之后就消失了。

1 个答案:

答案 0 :(得分:3)

我查看了JQuery的.animate()API,看起来你正在硬编码"切换"目标财产。试试这个:

$('#container').animate({ height: 'toggle'}, 1000).fadeOut('fast');