Accordion on list with nested UL

Accordion on list with nested UL


Hi, I'm trying to use accordion with a Drupal book-menu list and it
seems to fail with nested ULs. Out of the box the script opens sub-
lists but then crashes after mousing off one of them. Are there limits
on how lists can be built?
This HTML is the default coming out of Drupal?!
v1.6
Revision: $Id: jquery.accordion.js 4876 2008-03-08 11:49:04Z
joern.zaefferer $
jQuery('#test ul').accordion({
    active: false,
    // header: '.head',
    navigation: true,
    event: 'click',
    fillSpace: true,
    animated: 'easeslide',
    selectedClass: 'active'
});
<div id="test">
<h2>Browse the Sections</h2>
<div>
<div>
<ul>
<li><a href="/n/books-dealing-depression">Books Dealing with
Depression</a></li>
</ul>
</div>
<div>
<ul>
<li><a href="/n/cooking-recipies">cooking recipies</a>
<ul>
<li><a href="/n/recipie-category-one">recipie category one </a>
<ul>
<li><a href="/n/my-favorite-recipie">my favorite recipie </a></li>
</ul>
</li>
<li><a href="/n/recipie-category-two">recipie category two </a></li>
</ul>
</li>
<li><a href="/n/cooking-recipies">cooking recipies</a>
<ul>
<li><a href="/n/recipie-category-one">recipie category one </a>
<ul>
<li><a href="/n/my-favorite-recipie">my favorite recipie </a></li>
<li><a href="/n/my-favorite-recipie">my favorite recipie </a></li>
<li><a href="/n/my-favorite-recipie">my favorite recipie </a></li>
</ul>
</li>
<li><a href="/n/recipie-category-two">recipie category two </a></li>
<li><a href="/n/recipie-category-two">recipie category two </a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>