Dragon.js
Give column and row and you get draggable, switchable items.

Download dragon.js, and dragon.css or View on GitHub

1
2
3
4
5


$('.demo1 .div').dragon({ col: 4, row: 2, margin: 2 });

1
2
3
4
5


$('.demo2 .div').dragon({ col: 1, row: 5, restrict: 'x' });



$('.demo3 .div').dragon({ col: 1, row: 5 });



$('.demo4 .div').dragon({ col: 5, row: 1, restrict: 'y' });