<script type="text/javascript">    
	// When the page is ready
	$(document).ready(function(){
		$(".answer").hide();

		$(".question").click(function(event){
			$(this).next().toggle('fast');

			// Stop the link click from doing its normal thing
			return false;
		});
   });

	$('#toggle_all').click(function(){
		if (this.titlebar != 'true'){
			this.titlebar = 'true';
			$(this).text('Hide all ');//changes the text of the Title. traditional js would use innerHTML
			$(".answer").show('normal');
		}
		else{
			this.titlebar = 'false';
			$(this).text('Show all ');//changes the text of the Title. traditional js would use innerHTML
			$(".answer").hide('normal');
		}
	});

   
</script>