I got a little bored last night and banged this out. A little 2K effect for resorting elements with an effect. More info in the wiki, download in the svn.

  1. (0) stuff
  2. (1) more stuff
    really
  3. (2) still more stuff
  4. (3) loads o stuff
  5. (4) blah
    blah
    blah


one
two
three
four
five



forward | backward | 3,4,2,0,1 | 2,3,0,1,4

:

:

In addition to specifying a new order using numbers, there are some other methods.

PLAIN TEXTexecute this code
JavaScript:
vert.forward(); //0,1,2,3,etc.
vert.forward(); //0,1,2,3,etc.

drag to resize


PLAIN TEXTexecute this code
JavaScript:
vert.backward(); //3,2,1,0
vert.backward(); //3,2,1,0

drag to resize


PLAIN TEXTexecute this code
JavaScript:
vert.swap(3,1);
vert.swap(3,1);

drag to resize


PLAIN TEXTexecute this code
JavaScript:
vert.reverse(); //reverses the current order
vert.reverse(); //reverses the current order

drag to resize



Finally, you can sort a list and then rearrange the DOM so that the new sort is reflected in the body of the document.

PLAIN TEXTexecute this code
JavaScript:
vert.backward().chain(vert.rearrangeDOM.bind(vert));
vert.backward().chain(vert.rearrangeDOM.bind(vert));

drag to resize