Estoy buscando un ejemplo de arrastrar y soltar donde el elemento de arrastre tiene dos áreas distintas que tienen que coincidir con dos áreas desplegables.

Ejemplo:

Me gustaría que el elemento de arrastre azul se revierta a menos que se deje caer en una posición donde cada uno de sus hijos rojos caiga en un área verde.

Idealmente, me gustaría usar jquery ui (ya que tengo experiencia con él), pero cualquier biblioteca de JavaScript estaría bien, gracias de antemano.