jquery - 遷移中にjQueryの効果が相対要素に影響を与えないのはなぜですか?

Question

このデモには、互いに相対的に配置された 4 つのボックスがあります。1 つのボックスが大きくなったら、他のボックスの位置を調整します。デモでは、最初のボックスにカーソルを合わせると、トランジションによってボックスが展開されます。終了後にのみ、他のボックスが正しい位置にジャンプします。

ボックスをトランジションと一緒に移動するにはどうすればよいですか?

$('body').on('mouseover', '#f', function (e) {
        $($(this)).effect("size", { to: { width: 181, height: 266} }, 1000);
    });

</p>

http://jsfiddle.net/XS93k/

Answer 1

これはトリックをしました...

$('body').on('mouseover', '#f', function (e) {
           $(this).animate({
    height: '266px',
    width: '181px'
  }, 1000, function() {
    // Animation complete.
  }); });