https://www.cogoglobal.com/Assets/sortable.js

1window.sortable = {
2    initialize: function () {
3        var moveableDivs = document.getElementsByClassName('moveable');
4
5        for (var i = 0; i < moveableDivs.length; i++) {
6            moveableDivs[i].addEventListener('dragstart', function (e) {
7                e.dataTransfer.effectAllowed = 'move';
8                e.dataTransfer.setData('text/plain', this.id);
9            });
10
11            moveableDivs[i].addEventListener('dragover', function (e) {
12                e.preventDefault();
13            });
14
15            moveableDivs[i].addEventListener('drop', function (e) {
16                e.preventDefault();
17                var draggedItemId = e.dataTransfer.getData('text/plain');
18                var draggedItem = document.getElementById(draggedItemId);
19                var dropZone = this;
20
21                // Rearrange the divs
22                var container = dropZone.parentNode;
23                var sibling = dropZone.nextSibling;
24                if (sibling) {
25                    container.insertBefore(draggedItem, sibling);
26                } else {
27                    container.appendChild(draggedItem);
28                }
29            });
30        }
31    }
32};