Implementing A Draggable/Resortable Stacked List in jQuery

I'm needing to make this layout editor that uses a good bit of jQuery for letting one resort the items on their resume. I envisioned showing a dialog with a graphical representation of the sections, sort of like:

[Details - locked -- immovable]
[Overview -- immovable, but can be hidden or shown again]
----imaginary line where things can not be moved above this---
[Career History -- movable]
[Key Skills -- movable + can be hidden or shown again]
[Education & Qualifications -- movable]
[Personal Interests -- movable + can be hidden or shown again]
---imaginary line where things cannot be moved below this--
[References -- immovable]

When items are moved, they would need to slide into their closest slot.

You wouldn't happen to know an example on the web that is even remotely similar to this, would you?


jquery.ui.draggable and jquery.ui.sortable comes to mind.

Need Your Help

About UNIX Resources Network

Original, collect and organize Developers related documents, information and materials, contains jQuery, Html, CSS, MySQL, .NET, ASP.NET, SQL, objective-c, iPhone, Ruby on Rails, C, SQL Server, Ruby, Arrays, Regex, ASP.NET MVC, WPF, XML, Ajax, DataBase, and so on.