Estou procurando um exemplo de arrastar e soltar, onde o item de arrastar tem duas áreas distintas que precisam corresponder a duas áreas de droppable.

Exemplo:

Eu gostaria que o item de arrasto azul fosse revertido, a menos que fosse deixado em uma posição em que cada um de seus filhos vermelhos pousasse em uma área verde.

Idealmente, eu gostaria de usar o jquery ui (como tenho experiência com ele), mas qualquer biblioteca javascript ficaria bem, desde já, obrigado.