jquery heirarchial accordion tree

Question

Hiii,

I need suggestion regarding how can i make accordion tree heirarchial. there are many plugins available but they are not according to my requirement. My requirement is,

suppose if im clicking on my child node than that should become my parent node for rest of its child element and if i'm again clicking on it den it should display its child's parent element. I want to start with it using jquery. If any one can please help or give some good suggestions. Thanks.

Answer 1

Unless I am misunderstanding, you should be able to nest the JqueryUI accordions. If you want to make it appear as a tree, you can change the JQueryUI css.

See here: http://jsbin.com/adole3/edit

However, note that with an accordion, only one section of the accordion can be open at a time. If you want several sections to be open at once, view the code under the note on this page: http://docs.jquery.com/UI/Accordion

Here is an implementation (no styles) from the above: http://jsbin.com/enika3/2/edit