jquery - divボックスを2つの列にスタックします。ただし、右側のボックスを削除すると、それ以降のすべてのボックスがそれに応じて整列するはずです。

Question

次のように、同じ高さと幅のdivボックスを2つの列に積み上げています。

左側のボックスのいずれかが（jQueryを使用して）削除されると、右側の一番上のボックスが左側の一番下のスポットを移動するように動作させることは可能ですか？つまり、基本的に、ボックスはピンクの矢印で示された方向に移動します。

Answer 1

remove イベントを追加して、div ボックスで確認できます。そして、最初の要素を別の列に追加します

$('.yourDivBox').bind('remove', function() {
$('.secondColumn').first().appendTo('.firstColumn');
});

このようなもの。申し訳ありませんが、コードを確認する時間がありません

Answer 2

それはCSS3で行うことができます、いくつかのブラウザはそれをサポートしないかもしれません！以下に例を作成しました。

http://jsfiddle.net/swxn4/