Recalculate offsetTop at the beginning of a drag, because it may change if it's part of a nested structure;

Don't manually set opacity, do it in the css class;

Author: aharpervc

jquery.sort.css

@@ -1,15 +1,19 @@
- .sortable-drag {
- 	position: absolute;
- 	border: 1px solid black;
- 	background: white;
- 	z-index: 1000;
+.sortable-active {
+	cursor: move;
+}
 
- 	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 6px 0;
+.sortable-drag {
+	position: absolute;
+	border: 1px solid black;
+	background: white;
+	z-index: 1000;
+
+	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 6px 0;
 	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 6px 0;
 	-o-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 6px 0;
 	box-shadow: rgba(0, 0, 0, 0.2) 0 5px 6px 0;
- }
+}
 
- .sortable-drop {
- 	opacity: 0.25;
- }
+.sortable-drop {
+	opacity: 0.10;
+}

jquery.sort.js

@@ -94,6 +94,8 @@
 			.drag('dragstart', function (ev, dd) {
 				log('[dragstart]', 2);
 
+				offsetTop = sortableObject.offset().top;
+
 				//requires handle
 				if (!$(ev.target).is(config.handle)) {
 					return false;
@@ -161,8 +163,6 @@
 			.drag('end', function (ev, dd) {
 				log('[dragend]', 2);
 
-				$(this).css('opacity', 1);
-
 				sortableObject.removeClass(config.ddParentElementClassName);
 				sortableObject.find(config.dragElementClass).remove();
 				$(this).removeClass(config.dropElementClassName);