$(document).ready(function() {
	// choose text for the show/hide link - can contain HTML (e.g. an image)
	var showText='+';
	var hideText='-';
	
	// append show/hide links to the element directly preceding the element with a class of "toggle"
	$('.answer').prev().append(' <a href="#" class="toggle-link">'+showText+'</a>');

	// hide all of the elements with a class of 'toggle'
	$('.answer').hide();

	// capture clicks on the toggle links
	$('a.toggle-link').click(function() {
	
		// change the link depending on whether the element is shown or hidden
		$(this).html ($(this).html()==hideText ? showText : hideText);
	
		// toggle the display - uncomment the next line for a basic "accordion" style
	
		//$('.toggle').hide();$('a.toggleLink').html(showText);
		$(this).parent().next('.answer').toggle('slow');
	
		// return false so any link destination is not followed
		return false;
	});
});
