[jQuery] Question about UI Accordion - multiple triggers in nested lists

[jQuery] Question about UI Accordion - multiple triggers in nested lists


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>