爲什麼jQuery效果在轉換時不會影響相關元素？

Question

我有這個演示與四個相對定位的盒子。當一個盒子增長時，我想讓其他盒子調整他們的位置。在演示中，如果您將鼠標懸停在第一個框上，則轉換會展開該框。只有在結束後，其他盒子才能跳到正確的位置。

如何使箱子與轉換一起移動？

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

http://jsfiddle.net/XS93k/

Answer 1

這並獲得成功......

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