Left to Right nesting showing serialization and noNestingClass.

//Code:
$('#left-to-right').NestedSortable(
	{
		accept: 'page-item1',
		noNestingClass: "no-nesting",
		opacity: .8,
		helperclass: 'helper',
		onChange: function(serialized) {
			$('#left-to-right-ser')
			.html("This can be passed as parameter 
				to a GET or POST request: " 
				+ serialized[0].hash);
		},
		autoScroll: true,
		handle: '.sort-handle'
	}
);

Right to Left nesting.

//Code:
$('#right-to-left').NestedSortable(
	{
	accept: 'page-item2',
	opacity: .8,
	helperclass: 'helper',
	rightToLeft: true,
	nestingPxSpace: '60', 
	currentNestingClass: 'current-nesting'
	}
);

Spans and Divs

//Code:
$('#spans-divs').NestedSortable(
	{
	accept: 'page-item3',
	opacity: 0.8,
	helperclass: 'helper',
	nestingPxSpace: 20,
	currentNestingClass: 'current-nesting',
	fx:400,
	revert: true,
	autoScroll: false
	}
);

Regular Sortable

//Code:
$('#spans-divs-regular').Sortable(
	{
	accept: 'page-item4',
	opacity: .8,
	helperclass: 'helper'
	}
);