This is really a javaScript/jQuery question rather than an Umbraco question. Try searching for "jQuery accordion multi-level" on Google and you may get more help.
In saying that, you basically need to write out all you nested <ul> structure to the page and then use jQuery to collapse and expand it.
1) create your UL structure. Create a XSLT macro. One of the default macro's should give you what you need. You will need to ensure the id's in your ul's match that of you jquery code
Multi level accordion menu
I am trying to find out a way to get a multi -level accordion menu working ...Is there a way where we can get it done///
Suppose this is the main navigation structure:
-|Main
--|Home
--|About
---|item1
---|item2
--|contact
When the user clicks on About:
tem1
Item2
Item3
The user clicks item2
Item1
Item2
..|-subitem1
..|-subitem2
Item3
The user then clicks subitem 1
Item1
Item2
..|-subitem1
....|-subsubitem1
....|-subsubitem2
....|-subsubitem3
..|-subitem2
Item3
This menu should use the accordion features that we get from the runway accordion widget....
This is really a javaScript/jQuery question rather than an Umbraco question. Try searching for "jQuery accordion multi-level" on Google and you may get more help.
In saying that, you basically need to write out all you nested <ul> structure to the page and then use jQuery to collapse and expand it.
Have a look at http://sandbox.leigeber.com/javascript-accordion/index.html for some inspiration.
So this is a 2 step process,
1) create your UL structure. Create a XSLT macro. One of the default macro's should give you what you need. You will need to ensure the id's in your ul's match that of you jquery code
2) add your jquery code.
is working on a reply...