function collapse() {
    $("#menu ul li.section-title").each(function() {
        $(this).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() {
        //$(this).toggleClass("expanded").toggleClass("collapsed").find("+ ul").slideToggle("medium");
        //$(this).toggleClass("expanded").toggleClass("collapsed");

        //$("#menu ul li.section-title").nextAll().hide();
        $(this).nextAll().slideToggle("slow");
    });
}