jquery - jQuery UI のドラッグ可能なコレクション: 要素を同時にドラッグする

Question

現在、タイムライン タイプの機能のために、jQuery UI でドラッグ可能な項目のコレクションを構築しようとしています。次のjsFiddle（http://jsfiddle.net/cyVYq/）にある現在の例を使用して多くのことを試しましたが、私の試みのどれも私が求めている結果をもたらしませんでした。

<div style="width: 99%; overflow: auto;position:absolute;">

        <div class="TimelineContainer">
            <div class="Task">
                <div id="coords"></div>
            </div>
            <div class="Event">
            </div>
            <div class="Resource">
            </div>
        </div>

</div>

理想的には、コレクションをドラッグするときにすべての子 div 間の間隔を維持して、ドラッグ時にすべての子 div が 1 つのグループとして同時に移動するようにしたいと考えています。現在、私はそれらが独立して動くことしか達成できませんが、実際にはこれらのアイテムはリンクされています.

ただし、子オブジェクトを親 div の先頭までプルする必要がある場合もあります。これらのオプションのいずれかが可能ですか?

どんな助けでも大歓迎です！

乾杯