控制高度变化速度

Question

我有以下javascript用于div的高度变化。 但是，当div显示时，我不知道如何调整速度。 我知道500是div高度变化时的速度 30px，但我不知道如何控制速度，当它变回100％。 有人可以帮忙吗？

$(document).ready(function(){
$("#mydiv").click(function(){
var $this = $('#mydiv_2');
    $this.animate({height: $this.height() == 30 ? '100%' : 30}, 500);
});
});

Answer 1

看看jQuery docs。 animate()的第二个参数控制速度（越大越慢）。

修改 如果你想要div隐藏和显示不同的速度，试试这个：

if ($this.height() == 30) {
    $this.animate({height: '100%'}, 1200);
} else {
    $this.animate({height: 30}, 500);
}

Answer 2

$this.animate({height: $this.height() == 30 ? '100%' : 30}, 500);

第二个属性是你的速度，以毫秒为单位。

Answer 3

像这样在动画中使用慢

$this.animate({height: $this.height() == 30 ? '100%' : 30},'slow');

如果您需要更慢的使用时间（以毫秒为单位）来代替慢速

$this.animate({height: $this.height() == 30 ? '100%' : 30}, 1200);

这将减慢它1.2秒，相应地调整：）

还可以查看Jquery Animate了解更多选项

Answer 4

animate()上的第二个参数是以ms为单位的持续时间 1000 ms等于1秒。

请参阅jquery documentation