Sortable Lists Demo

Basic unordered list, drag any list item to reorder

  • works
  • this
  • Yay
  • now
Sortable.create("list");

Unordered list with draggable handles, drag the link to reorder

Sortable.create("list-2", {handles:$$('#list-2 a')});

A collection of paragraphs that are reorderable with draggable handles, drag the link to reorder

This is a reorderable paragraph. move

This is another reorderable paragraph. move

This is yet another reorderable paragraph. move

And can you believe it? Another reorderable paragraph. move

Sortable.create("list-3", {elements:$$('#list-3 p'), handles:$$('#list-3 a')});