By nicknickoli on

Hi, I'm trying to use accordion with a book-menu list and it seems to fail with the nested ULs. Accordion opens the sub-lists but then crashes after mousing off one of them. Has anyone used jQuery to tree menu lists? 

Revision: $Id: jquery.accordion.js 4876 2008-03-08 11:49:04Z joern.zaefferer $
v1.6

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>

The list is generated from a block by: 

function epBookNav_content()
{
	/*if($node = menu_get_object()) {
		$current_bid = empty($node->book['bid']) ? 0 : $node->book['bid'];
	}*/
	$book_menus = array();
	foreach(book_get_books() as $book_id => $book) 
	{
		$node = node_load($book['nid']);
		$book_menus[$book_id] = menu_tree_output(menu_tree_all_data($node->book['menu_name']));
	}
	return theme('book_all_books_block', $book_menus);
}