I've been looking at Jörn's Accordion plugin (http://bassistance.de/ jquery-plugins/jquery-plugin-accordion/) but not found any way to do a partial accordion (i.e. only apply it to part of a list). I have the structure:
<ul id="menu"> <li><a href="/">Home</a></li> <li><strong>Header 1</strong><ul> <li>Sub 1.1</li> <li>Sub 1.2</li> <li>Sub 1.3</li> </ul></li> <li>No sub items here</li> <li>Or here</li> <li><strong>Header 2</strong><ul> <li>Sub 2.1</li> <li>Sub 2.2</li> <li>Sub 2.3</li> </ul></li> </ul> Only Header 1 and Header 2 should be collapsed. When I try on this structure, the browser (Firefox 2) freezes when I click a Header 1 or Header 2.