Animated Sorting of Block Elements in Javascript

Question

I have a page where I want to animate the sorting of a list of block elements.

<div class="container">
    <div class="content-block">
    ....
    </div>

    <div class="content-block">
    ....
    </div>
<div>

I want something similar to the sortable elements provided by jquery ui but it will animate based on an event not based on dragging. I can write it myself but I'm wondering if there are any good libraries out there to handle it.

Answer 1

I would write this myself. using the .animate() method. setting z-indexes and altering the positions of the elements. One thing that might be useful is animating one div and animating the other in the first animate's step event binder