$("#left-nav-items .sub-nav").hide();
$("li.on > .sub-nav").show();

// Assign all lis with sub-navs the collapsable functionality
$("#left-nav-items li").each(function() {
	// If it has a sub-nav
	if ($(this).children("ul.sub-nav").length) {
		// Assign it an arrow class
		if (!$(this).hasClass("on"))
			$(this).addClass("collapsed");
		else
			$(this).addClass("expanded");
		// Define the click function
		$(this).children("a").click(function () { 
			// If it's closed
			if ($(this).parent().hasClass("collapsed"))
			{
				// Close any open panels
				$(this).parent().parent().find("li.expanded > ul.sub-nav").each(function() {
					if (!$(this).parent().hasClass("on"))
					{
						$(this).parent().removeClass("expanded");
						$(this).parent().addClass("collapsed");
						$(this).slideUp();
					}
				});
				// Open this panel
				$(this).parent().children("ul.sub-nav").slideDown();
				$(this).parent().removeClass("collapsed");
				$(this).parent().addClass("expanded");
			} 
			else
			{
				// Collapse this panel
				$(this).parent().removeClass("expanded");
				$(this).parent().addClass("collapsed");
				$(this).parent().children("ul.sub-nav").slideUp();
			}
		});
	}
});