function toggleBranch(list) {
	if(list.hasClass('OPEN'))
		closeBranch(list);
	else
		openBranch(list);
}

function openBranch(list) {
		list.siblings('span.grower').html('-');
		list.addClass('OPEN').removeClass('CLOSE');
		list.parent().children('ul').slideDown();
		list.siblings('span.viewall').slideUp();
}
function closeBranch(list) { 
		list.siblings('span.grower').html('+');
		list.removeClass('OPEN');
		list.parent().children('ul').slideUp();
}

//when the page is loaded...
$(document).ready(function () {
	$("span.grower").click(function() { 
		toggleBranch($(this).siblings('ul.hidden'));
	})
	$("span.viewall").click(function() { 
		toggleBranch($(this).siblings('ul.hidden'));
	})
});