// this tells jquery to run the function below once the DOM is ready
$(document).ready(function() {
	// choose text for the show/hide link - can contain HTML (e.g. an image)
	var showText='<img src="../img/v.gif" alt="v" />';
	var hideText='<img src="../img/x.gif" alt="x" />';
	 
	// initialise the visibility check
	var is_visible = false;
	 
	// append show/hide links to the element directly preceding the element with a class of "toggle"
	$('span.textLink').append(''+showText+' ');
	 
	// hide all of the elements with a class of 'toggle'
	$('.toggle').hide();
	$('.toggle.active').show();
	 
	// capture clicks on the toggle links
	$('a.toggleLink').click(function() {
	
		// switch visibility
		is_visible = !is_visible;
		 
		// change the link depending on whether the element is shown or hidden
		//$('span.textLink').html( (!is_visible) ? showText : hideText);
		 
		// toggle the display - uncomment the next line for a basic "accordion" style
		$('.toggle').hide();
		//$('span.textLink').html(showText);

		$(this).parent().next('.toggle').toggle('slow');
		 
		// return false so any link destination is not followed
		return false;
	 
	});
});