jQuery draganddrop.js Examples

Draggables

Drag me Drag my handle Drag and Drop me 1 2 3 4

Normal List

• Item 1
• Item 2
  • Item 2.1
  • Item 2.2
    • Item 2.2.1
• Item 3
  • Item 3.1
• Item 4
• Item 5
• Item 6
• Item 7
• Item 8
• Item 9
• Item 10
• Item 11
• Item 12
• Item 13
• Item 14
• Item 15
• Item 16
• Item 17
• Item 18
• Item 19
• Item 20

Floating LI elements

• Item 1
• Item 2
• Item 3
• Item 4

Inline-block LI elements

• Item 1
• Item 2
• Item 3
• Item 4

Grouped Lists

• Item 1
• Item 2

• Item 1
• Item 2

List of DIVs

Off Switch

All off