Question

I have div boxes of identical heights and widths stacked up into two columns, like so:

Is it possible to make it behave in such a way that…when any of the boxes on the left is removed (using jQuery), the top-most box on the right will move the bottom spot on the left. So essentially, the boxes moving in the direction indicated by the pink arrow.

Answer 1

You can add remove event and check it on your div box. And then append first element to another column

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

Something like this. Sorry I haven’t time to check my code