$(document).ready(function()
{
	
var speed = 500;
	
// 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").removeClass('active');
$("#menu ul li.section-title").nextAll().hide(speed);
$(this).nextAll().slideToggle(speed);
$(this).addClass('active');

});

$("#menu ul li a").click(function()
{
$("#menu ul").children().prevAll().nextAll().removeClass('selected');
$(this).parent().prevAll().nextAll().removeClass('selected');
$(this).parent().addClass('selected');
	
});

});