I have implemented sortable functionality in my CMS so users can change the order of pages and can make them into sub pages etc:

how it works is you can drag a page out of another to make it into a parent page, and you can drag a page into another to make it a child of another. however the child pages that are dragged out lose the functionality to accept a page which is the connectWith property in Jquery.

here is the code: https://jsbin.com/rilaxitoni/edit?html,css,js,output

note this code will not be functional in the jsbin since its from a project which has all the UI files downloaded and alot more css than is posted etc. 

any help is greatly appreciated