If you decide to use it and have any further questions about jQuery UI Accordion or jQuery UI themes and styling, please ask on http://groups.google.com/group/jquery-ui
Thanks. <http://groups.google.com/group/jquery-ui>- Richard On Thu, Oct 1, 2009 at 8:05 AM, Richard D. Worth <[email protected]> wrote: > 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 <[email protected]> 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 > > >
