Indexhibit Support

I would love to add this collapsible menu to my site:

http://www.ladolcevitae.co.uk

And found the code to add but don't know where to add it, please can someone help---thanks,

Mark

---------This is the code----

// First we hide all exhibitis $("#menu ul li.section-title").nextAll().hide();

// then the active exhibit is showed
$("#menu ul").each(function()
{
$(this).find("li.active").prevAll().nextAll().show();
});

// This is the toggle function
// first it hides all sections
$("#menu ul li.section-title").click(function()
{
$("#menu ul li.section-title").nextAll().hide();
$(this).nextAll().slideToggle("fast");
});

Check out this thread from the 'Useful Threads' link:

Expanding menus code and advice

Then scroll down till you get to rcairn's explanation. He also has instructions on his site.

Hope this helps.

hi masood,

thanks for the reply , yes I checked out rcaim's tutorial etc., this is using a slightly different method to the code that Vaska did. I got rcaim's to work (partially), only one of the menu titles became collapsible and couldn't work out how to make the others work.
I may have another go.
Do like your site by the way, the menu's work v.well, guess you used rcaims info.

All the best,

Mark

I had posted that I took that out of commission. For now...it will return later souped up and ready for action.

Thanks for the info Vaska, look forward to your souped up version.