Hello, Can anyone tell me if it's possible to have multiple triggers in nested lists using the jQuery UI Accordion? Also, is it configurable to open the accordion to the correct level dynamically based on the current page? Sample code below doesn't accomplish all of these things, so I'm hoping someone can nudge me in the right direction.
Thanks. ++++++++++++++++++++++++ $(function() { // remove border from last highlight div and last table row on the page $('#secondaryContent div.highlight:last, tbody tr:last').css('border- bottom','none'); // initialize accordion menu /*$('#accordion').accordion({ active: true, alwaysOpen: false, header: '.head', navigation: true, navigationFilter: function() { return this.href.toLowerCase() == location.href.toLowerCase(); }, event: 'click', autoHeight: false , selectedClass: "active" });*/ $('tbody tr:even').addClass('altRow'); }); . . ... <!-- simplified for example --> <ul id="accordion"> <li><a href="" class="head">Trigger 1</a> <ul> <li><a href="" class="head">link</a> <ul> <li><a href="">link</a></li> <li><a href="">link</a></li> </ul> </li> <li><a href="">link</a></li> </ul> </li> <li><a href="" class="head">Trigger 2</a> <ul> <li><a href="">link</a></li> <li><a href="">link</a></li> </ul> </li> <li><a href="" class="head">Trigger 3</a> <ul> <li><a href="">link</a></li> <li><a href="">link</a></li> </ul> </li> </ul>