$(document).ready(function()
{
	//use javascript to close the divs so if deactivated the divs will still be visible
	$("#news dd").hide();
	
	//set the background to display the +
	$("#news dt").css('background-position','top left');
	
	//Show the first dd on page opening
	$("#news dd:first").hide();
	//set the background to open
	$("#news dt:first").css('background-position','top left');
	
	//when click on the dt: close every previous opened dd, change their style, open the next children (dd), change its background.
	$("#news dt").click(function()
	{
		if(!$(this).next().is(':visible')) {
			$("#news dd").slideUp('normal');
			$("#news dt").css('background-position','top left').css('cursor','pointer');
		}
		$(this).css('background-position', 'bottom left').css('cursor','auto').next().slideDown("normal");
	});
	
});