var j = jQuery.noConflict();

j(function() {

    // Collapse all initally expanded submenus except the current section, which is determined by the class name
    j("#secondaryNavigation > li > a:not(.stayOpen) + a + ul").css("display", "none");


    // Make the mouse a pointer when hovering over the expand/collapse button and
    // change plus/minus icon according to the collapsed state except the current section, which is determined by the class name "stayOpen"
    j("#secondaryNavigation > li:has(ul)").find("a.static:not(.stayOpen)").removeClass("static").addClass("collapsed").addClass("pointer");


    // when onclick event fires, Toggle the selected menu's class and expand or collapse the menu
    j("#secondaryNavigation > li > a.collapsed").click(function() {
        j(this).toggleClass("expanded").find("+ a + ul").slideToggle(350);

        j("#secondaryNavigation >li a.pointer").removeClass("expanded").addClass("collapsed");
        j(this).removeClass("collapsed").addClass("expanded");
        j("#secondaryNavigation >li > a:not(.stayOpen) + a + ul").css("display", "none");
    });

    // when onclick event fires, Toggle the selected menu's class and expand or collapse the menu
    j("#secondaryNavigation > li > a.expanded").click(function() {
        j(this).toggleClass("collapsed").find("+ a + ul").slideToggle(350);
        j(this).removeClass("expanded").addClass("collapsed");
    });

});