jquery-ui - 制約付きのサイズ変更可能なボックス

Question

複数のボックスが連続しており、jQuery UI を使用してこれらのボックスのサイズを変更するオプションを追加しました。

JsFiddle でコードを見つけることができます: http://jsfiddle.net/alokjain_lucky/ZbTem/

1 つのボックスのサイズを変更すると、次のボックスが押し出されてスペースが作成されます。次のボックスを親から押し出すようにボックスを制限するにはどうすればよいですか?

私のjQueryコード:

$(function() {
    $( ".resizeable" ).resizable({
        containment: "parent",
        handles: "e, w",
    });

    $( ".resizeable" ).resizable( "option", "alsoResize", $(this).siblings().not(this) ); 
});