jQuery UI append to child of draggable

[Anonymous]

How can i make the purple squares be appendable to sections within the red squares and not to the red square itself?

Drag a red squere inside the blue div, then drag a purple squere inside the section of a red div and you will see that it doesn’t actually append to the section, it instead appends to the red square container. How can i make it append to the section and not the red square?

http://codepen.io/anon/pen/eoEdK

[__]

The purple boxes do append to the red boxes.

“append” means “insert at the end of.” Perhaps you actually want them inserted after the red boxes? Look at $.insertAfter. You’d need to handle the red and purple drops differently, though, since it seems you do want the red boxes appended to the drop area.

[Author]

Posts