Hogyan lehet olyan draggable és droppable div-eket csinálni, amelyek csak egymáshoz jók?

legegyszerűbben talán jQuery -ben Draggable és Droppable -vel lehet megoldani.

Draggable start vagy már definiáláskor rögzíted a kiindulást.

majd stop esetén megnézed, hol van pl. Droppable -vel.

és ha adott mezőben van, akkor esetleg azon belül igazítod.

Ha kívül van, tehát nem a cél helyen, akkor pedig vissza animálod a start pozícióba.