$(document).ready(function(){
	$("ul.faqs a").click(function(event) {
		event.preventDefault();
		// hide all answers
		if( $(this).parent().parent().hasClass("active") ) {
			// hide this answer
			$("ul.faqs li").removeClass("active");
			// change selector text to 'show'
			$(this).find("span:last").text("Show answer");
		}
		else {
			// hide currently shown
			$("ul.faqs li").removeClass("active");
			// show selected answer
			$(this).parent().parent().addClass("active");
			// change selector text to 'hide;
			$(this).find("span:last").text("Hide answer");
		}
	});
	
	$("ul.faqs a").hover(
		function() {
			if( $(this).parent().parent().hasClass("active") )
				// $(this).append($("<span>Hide answer</span>"));
				$(this).find("span:last").text("Hide answer");
			else
				//$(this).append($("<span>Show answer</span>"));			
				$(this).find("span:last").text("Show answer");
		},
		function () {
			//$(this).find("span:last").remove();
			$(this).find("span:last").text(" ");
		}
	);
		
});