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

Question

代码如下所示。

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

Answer 1

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

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

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