[jQuery] Re: Simple accordion sooo many which one?

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 <mia-g@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&amp;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