TJuiDroppable Samples

.ui-draggable { width: 100px; height:100px; border: 1px solid black; background-color: lime; padding: 1em; cursor: move; } .ui-droppable { width: 150px; height:150px; border: 1px solid black; padding: 1em; margin: 1em; } .drop-yellow { background-color: yellow; } .drop-red { background-color: red; } .drop-red.active { background-color: orange; }

Default options with a little css applied, change options during callback:

Drag me around

Drop it here!