// JavaScript show/hide expandable content
// +/- is used to show state
// usage eg. <p class="showhide"><span>+</span> Title</p><div class="hidden">Hidden content</div>

$(document).ready(function(){

$(".hidden").hide();
$(".showhide span").html("+");

$(".showhide").click(function() {
if (this.className.indexOf('clicked') != -1 ) {
		$(this).next().slideUp(500);
		$(this).removeClass('clicked')
		$(this).children("span").html("+");
		}
		else {
		$(this).addClass('clicked')
		$(this).next().slideDown(500);
		$(this).children("span").html("-");
		}
});

});