$(document).ready(function()
{
$("#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();
$("#menu ul li.section-title-act").nextAll().hide();

// change all actives to normal titles
$("#menu ul li.section-title-act").addClass("section-title"); 
$("#menu ul li.section-title-act").removeClass("section-title-act");


$(this).nextAll().slideToggle("fast");
//this.className='section-title-act';

$(this).removeClass("section-title");
$(this).addClass("section-title-act"); 

});
	
$("#menu ul li.section-title-act").click(function()
{

$("#menu ul li.section-title").nextAll().hide();
$("#menu ul li.section-title-act").nextAll().hide();

// change all actives to normal titles
$("#menu ul li.section-title-act").addClass("section-title"); 
$("#menu ul li.section-title-act").removeClass("section-title-act");


$(this).nextAll().slideToggle("fast");
//this.className='section-title-act';

$(this).removeClass("section-title");
$(this).addClass("section-title-act"); 

});	
	

});





/*

$(document).ready(function()
{
	// Ocultar todos
	$("#menu ul li.section-title").nextAll().hide();
	
	//mostrar activo
	$("#menu ul").each(function(){
	$(this).find("li.active").prevAll().nextAll().show();
	});
	
	//Expandir y ocultar
	$("#menu ul li.section-title").click(function(){
	$(this).nextAll().slideToggle("fast");
	});
	
});  */