Yes the 'jQuery UI Accordion... here is the link http://www.practicalecommerce.com/articles/1213-Web-Design-Tips-jQuery-UI-Accordion-Widget
The problem now is that even though i like the functionality i can't seem to incorporate it to my template. :( I have an ecommerce site driven by php and the html are tpl files which i need to edit. This is what i have in my tpl files so you can see what i mean <!-- BEGIN: categories --> <h3 id="SBCategories"><span></span>Browse by Category</h3> <ul id="mainmenu-nav" style="overflow:hidden; background-color:red;"> <li class="li-nav" style="background-color:blue;"><a href="index.php"> {LANG_HOME}</a></li> <!-- BEGIN: a --> <!-- BEGIN: ul_start --> <ul class="ul-nav"> <!-- END: ul_start --> <!-- BEGIN: li_start --> <li class="li-nav"> <!-- 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 --> <!-- BEGIN: gift_certificates --> <li class="li-nav"> <a href="index.php?_a=giftCert">{LANG_GIFT_CERTS}</ a></li> <!-- END: gift_certificates --> <!-- BEGIN: sale --> <li class="li-nav"> <a href="index.php?_a=viewCat&catId=saleItems"> {LANG_SALE_ITEMS}</a></li> <!-- END: sale --> </ul> <!-- END: categories --> Jess On Oct 1, 9:54 pm, "Richard D. Worth" <rdwo...@gmail.com> wrote: > When you say 'Accordion Widget UI' do you mean jQuery UI Accordion? Also, a > link to the online tutorial might help us identify at least one that you're > trying to compare. > - Richard > > On Thu, Oct 1, 2009 at 7:34 AM, jessie <mi...@optusnet.com.au> wrote: > > > Can someone please explain to me the difference between the two? > > > I just finished an online tutorial on Accordian Widget UI and it > > looked quite simple..... > > > Thanks > > Jess