jquery - 「+-」を削除すると、関数全体が機能しなくなるのはなぜですか？

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を引くことです（したがって、前の加算を逆にします）。

+=とを削除する場合-=は、トグルの2つのアームに2つの異なる高さを設定して、トグルする2つのサイズを定義する必要があります。