The Silver Lining

jQuery OrgChart is a plugin that allows you to render structures with nested elements in a easy-to-read tree structure. To build the tree all you need is to make a single line call to the plugin and supply the HTML element Id for a nested unordered list element that is representative of the data you’d like to display. Features include:

• Very easy to use given a nested unordered list element.
• Drag-and-drop reorganisation of elements.
• Showing/hiding a particular branch of the tree by clicking on the respective node.
• Nodes can contain any amount of HTML except <li> and <ul>.
• Easy to style.

Expected Markup & Example Usage

All documentation can be found on github.

Demo

You can view a demo of this here.

Sourcecode

Source code with an example is available here.