I am looking for multi-level accordion menu (drill down to few levels deeper) (expand and collapsible) for my website. Is there a sample anywhere I can use? Thanks in advance.
it will be nice if I can dock it to the left by clicking on an icon and slide back when I click on the icon again.
Something like this:
menu1
menu2
menu3
menu4
menu5
menu6
menu7
menu8
Do you mean a tree?
If so, there are a few links here : http://wiki.jqueryui.com/w/page/12138128/Tree
eg. http://www.jstree.com/ or http://jquery.bassistance.de/treeview/demo/
Also, check out these questions:
.NET has the TreeView control, which will accomplish what you've described. The HTML it generates is pretty ugly, but it gets the job done.
There are lots of jQuery plugins that will also work. You might have an easier time finding one if you search for "Tree" or "TreeView" instead of "Accordion". I think "Accordion" implies a single-level structure.
Found a couple you might want to look at. Not sure what your requirements as far as js or non js go though:
http://bassistance.de/jquery-plugins/jquery-plugin-accordion/ (apply a different class to distinuguidh multiple levels)
