Sliding a set of <div> blocks all to the left

Sliding a set of <div> blocks all to the left

Hi All,

I've got a bunch of <div> blocks, with a fixed width and height, that are all left floated.

I would like a user to be able to click a "remove" link and have it delete a box, and all the boxes to the right "slide in" to fill the void created.

I have it working well enough with a "snap" transition.  I made that term up because I'm not sure how else to describe it--by "snap" transition I mean that the boxes to the right "snap" into position--there's no "sliding" or easing as they move, it's just moment their in their old positions, and the next moment, everything has been rearranged and they're in their new positions.

I'm not sure how to adequately describe it in text, so here's a video showing what I mean:
http://screencast.com/t/ZTljYTYwZj

Does anybody have suggestions on how I could accomplish this?

  -Josh