I have 2 vertical div: left and central panel.

I use the left div like a sidebar menu and I would like to implement a drag&drop to move the left sidebar to a new right sidebar (to move the menu from left to right side).

When the user start to drag, I would like to show where is possible to drop the panel (so I need to show a right empty sidebar) and when the user drop the panel from left to the right destination I need to hide the left panel. Same situation when the user start to drag from right to left panel.

I have see some possible ways to implement this using jQuery UI or directly DnD integrated of HTML5 ([example](https://www.html5rocks.com/en/tutorials/dnd/basics/#toc-examples)).

Do you know which one is the best solution (also as speed of implementation of it)?

I think that to get exactly what I want (also with the show/hide of the three panels), I need to write some code.. Do you know any tutorial / example very close to what I would like to do?