Nested lists in UI Accordion

Nested lists in UI Accordion


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() {
// 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"
});
});
.
.
...
<!-- simplified for example -->
<ul id="accordion">
<li><a href="" class="head">Trigger 1</a>
<ul>
<li><a href="" class="head">link</a> <!-- second
level trigger -->
<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>