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

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.

- Richard

On Thu, Oct 1, 2009 at 8:05 AM, Richard D. Worth <rdworth@gmail.com> 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 <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