jQuery Drag Drop – Resize to Fit Target

This is an example of how to make a draggable object resize to fit the droppable target element.

jQuery(".target").droppable();

// (height and width match)

function dropCallback(event, ui) {

var $this = jQuery(this);

$this.append(ui.draggable);

var width = $this.width();

var height = $this.height();

ui.draggable.css({

height: height,

width: width,

top: 0,

left: 0

});

}