You can use the jQuery UI Accordion ( http://jqueryui.com/demos/accordion/ ) Here's a sample of it without any styling:
http://jsbin.com/owose The html and javascript is the same. It's just that I've only included the base part of a jQuery UI theme, that includes functional/layout css, but no look-and-feel/styling (read: color). If you want the icons, you could include the whole theme, and then just override the header and content section to not have a background and border: http://jsbin.com/ijeci - Richard On Thu, Oct 1, 2009 at 6:02 AM, jessie <mi...@optusnet.com.au> wrote: > > Hi > > I would love to implement the *accordion menu* > > The menu is dynamic and its already there > i'm using css to style. > > So, i saw quite a few accordions but none that don't have panels... in > other words i'd like the same function without the coloured panels. > > Which is the best *plugin to use for this*? the levels of the li's are > dynamic. So the code would need to be in here. Maybe if i could have > the same function as the panels but have icons next to the headings > instead of the background colour? > > Hope i'm making sense! > > Here is my html > <!-- BEGIN: categories --> > <h3 id="SBCategories"><span></span>Browse by Category</h3> > <ul id="menu"> > <li> > <a href="index.php">{LANG_HOME}</a> > </li> > <!-- BEGIN: a --> > <!-- BEGIN: ul_start --> > <ul><!-- END: ul_start --> > <!-- BEGIN: li_start --> > <li> > <!-- END: li_start --> > <a href="index.php?_a=viewCat&catId={DATA.cat_id}">{DATA.cat_name} > ({DATA.noProducts})</a> > <!-- BEGIN: li_end --> > </li> > <!-- END: li_end --> > <!-- BEGIN: ul_end --> > </ul> > </li> > <!-- END: ul_end --> > <!-- END: a --> > </ul> > </div> > <!-- END: categories --> > > Thank-you > > Jess