[解決済み] jQuery アニメーション マージン トップ

質問

jsfiddleにスクリプトがあります。 http://jsfiddle.net/kX7b6/

ホバーすると何も起こらない

ホバー時に、緑のボックスが負のマージン-50pxで赤いボックスと重なるようにしたい。何も起こりません。

アニメーションは動くが、marginが動かない

アニメーションが動作していることを確認するために、アニメーションに不透明度関数を追加しました。

解決するには？

あなたが持っていた MarginTop ではなく marginTop

http://jsfiddle.net/kX7b6/1/

また、アニメーションの途中で抜けると非常にバグが多いので、アップデートしています。

http://jsfiddle.net/kX7b6/3/

に変更したことに注意してください。 mouseenter と mouseleave というのも、赤や緑の部分にカーソルを合わせても、アニメーションをキャンセルする意図はなかったと思うからです。