diff --git a/demos/sortable/connect-lists.html b/demos/sortable/connect-lists.html
new file mode 100644
index 000000000..569dbfa29
--- /dev/null
+++ b/demos/sortable/connect-lists.html
@@ -0,0 +1,50 @@
+
+
+
+ jQuery UI Sortable - Connect lists
+
+
+
+
+
+
+
+
+
+
+
+
+ Item 1
+ Item 2
+ Item 3
+ Item 4
+ Item 5
+
+
+
+ Item 1
+ Item 2
+ Item 3
+ Item 4
+ Item 5
+
+
+
+
+
+
+
Sort items from one list into another and vice versa passing an array into the connectWith option. The simplest way to do this is to group all related lists with a CSS class, and then pass that class into the sortable function using array notation (i.e., connectWith: ['.myclass']).
+
+
+
+
+
diff --git a/demos/sortable/delay-start.html b/demos/sortable/delay-start.html
new file mode 100644
index 000000000..9952c830e
--- /dev/null
+++ b/demos/sortable/delay-start.html
@@ -0,0 +1,56 @@
+
+
+
+ jQuery UI Sortable - Delay start
+
+
+
+
+
+
+
+
+
+
+
+
Time delay of 1000ms:
+
+
+ Item 1
+ Item 2
+ Item 3
+ Item 4
+
+
+
Distance delay of 50px:
+
+
+ Item 1
+ Item 2
+ Item 3
+ Item 4
+
+
+
+
+
+
+
Delay the start of sorting for a number of milliseconds with the delay option; prevent sorting until the cursor is held down and dragged a specifed number of pixels with the distance option.
+
+
+
+
+
diff --git a/demos/sortable/display-grid.html b/demos/sortable/display-grid.html
new file mode 100644
index 000000000..c0081a3cb
--- /dev/null
+++ b/demos/sortable/display-grid.html
@@ -0,0 +1,47 @@
+
+
+
+ jQuery UI Sortable - Display as grid
+
+
+
+
+
+
+
+
+
+
+
+
+ 1
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+ 10
+ 11
+ 12
+
+
+
+
+
+
+
To arrange sortable items as a grid, give them identical dimensions and float them using CSS.
+
+
+
+
+
diff --git a/demos/sortable/display-portlets.html b/demos/sortable/display-portlets.html
new file mode 100644
index 000000000..c71dcd2d3
--- /dev/null
+++ b/demos/sortable/display-portlets.html
@@ -0,0 +1,88 @@
+
+
+
+ jQuery UI Sortable - Display as portlets
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
+
+
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
+
+
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
+
+
+
+
+
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
+
+
+
+
+
+
+
+
+
Enable portlets (styled divs) as sortables and use the connectWith option to allow sorting between columns.
+
+
+
+
+
diff --git a/demos/sortable/empty-lists.html b/demos/sortable/empty-lists.html
new file mode 100644
index 000000000..7c66515eb
--- /dev/null
+++ b/demos/sortable/empty-lists.html
@@ -0,0 +1,60 @@
+
+
+
+ jQuery UI Sortable - Handle empty lists
+
+
+
+
+
+
+
+
+
+
+
+
+ Can be dropped..
+ ..on an empty list
+ Item 3
+ Item 4
+ Item 5
+
+
+
+ Cannot be dropped..
+ ..on an empty list
+ Item 3
+ Item 4
+ Item 5
+
+
+
+
+
+
+
+
+
+
+
Prevent all items in a list from being dropped into a separate, empty list using the dropOnEmpty option set to false. By default, sortable items can be dropped on empty lists.
+
+
+
+
+