title: Animate/Slow down elements filling space left by removed element
body: <p>Here is my example: <a href="http://jsfiddle.net/MT5xS/" rel="noreferrer">http://jsfiddle.net/MT5xS/</a></p>
  
  <p>When you click the first picture, it is removed and all the following images move back to fill the space left by it. But they move too fast and you don't even get the notion that they moved.</p>
  
  <p>My question is, how do I make these elements move smoothly? Basically like an iPhone when you move or delete an icon, like this <a href="http://youtu.be/-r7K4LTbI4A?t=27s" rel="noreferrer">http://youtu.be/-r7K4LTbI4A?t=27s</a></p>
  
  <p>I'm not worried about IE6/7/8 or any other compatibility issues.</p>