Problem with droppable position

[rljain]

i am using droppable functionality of your plugin
my scenario is that i have two divs i have some controls in first div and then and drag and drop that controls on second div by making clone of them
is there any method to get the above and below controls when we drop it on second div so i can place this control between them
how to get it done please help it's urgent

[stworthy]

When dragging an element on the droppable area, append the element directly. When dragging an element on a droppable item, insert the element before the droppable item. The key code below shows how to implement this functionality:

Code:

var drop_conf = {
	onDrop:function(e,source){
		if ($(this).hasClass('drag')){	// drop on inner item
			$(source).insertBefore(this);
		} else {
			$(this).append(source)
		}
		$(this).removeClass('over');
		$(source).droppable(drop_conf);
		e.stopPropagation();
	}
}
$('#target').droppable(drop_conf);