$(document).ready(function()
{
// First we hide all menus 
$("#menu ul li.section-title").nextAll().hide();
// then the active menu is showed
$("#menu ul").each(function()
{
$(this).find("li.active").prevAll().nextAll().show();
$(this).find("li.active").parent().find('li.section-title').css({'color':'black'});
});
// 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").css({'color':'#ACB3B9'});
$(this).css({'color':'black'});
$(this).nextAll().slideToggle("fast");
});
});