title: jQuery UI Sortable animations
body: <p>I have a grid-like list, and have the sortable functionality working in it, like planned. I want to animate every item except the one being manipulated to smoothly slide in the list. I have an example set up here: <a href="http://jsfiddle.net/wpmte/" rel="noreferrer">http://jsfiddle.net/wpmte/</a>.</p>
  
  <pre><code>&lt;ul id="sort"&gt;
      &lt;li&gt;Item 1&lt;/li&gt;
      &lt;li&gt;Item 2&lt;/li&gt;
      &lt;li&gt;Item 3&lt;/li&gt;
      &lt;li&gt;Item 4&lt;/li&gt;
      &lt;li&gt;Item 5&lt;/li&gt;
      &lt;li&gt;Item 6&lt;/li&gt;
      &lt;li&gt;Item 7&lt;/li&gt;
      &lt;li&gt;Item 8&lt;/li&gt;
      &lt;li&gt;Item 9&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>The CSS: </p>
  
  <pre><code>ul {
      margin: 0;
      padding: 0;
  }
  li {
      display: inline-block;
      margin: 5px;
      padding: 5px;
      background: #0f0;
      width: 25%;
  }
  .ui-sortable-placeholder {
      height: 0 !important;
  }
  </code></pre>
  
  <p>And finally, the JS:</p>
  
  <pre><code>$('#sort').sortable({ 
  
  });
  </code></pre>
  
  <p>How can I animate the elements to fill in the space with transitions rather than just jumping?</p>