为什么删除“+ - ”导致整个功能不起作用？

Question

代码如下所示。

$('p:first').toggle(function() {
$(this).animate({'height':'+=150px'}, 2000, 'linear');
}, function() {
$(this).animate({'height':'-=150px'}, 2000, 'swing');
});

Answer 1

如果您通过移除+=和-=将两个属性更改为“150px”，则切换的两侧都会动画到相同的高度，因此不会有视觉移动。当你第一次悬停时，它可能会移动到150px，但之后它不会再移动。

+=150px的要点是将150px添加到现有高度，无论它是什么。 -=150px的要点是从现有高度减去150px（从而逆转先前的加法）。

如果要删除+=和-=，则需要在切换的两个臂中设置两个不同的高度，以定义要在其间切换的两种尺寸。 / p>