//STARTS ONLY WHEN THE DOCUMENT IS READY
$(document).ready(function(){

	//HIDE AT START
	//$("div.a01").hide();

	//SELECT THE DIV TAG WITH A CLASS OF "q01", WHEN CLICKED...
	$("#q01").click(function(){
		//SELECT THE DIV TAG WITH A CLASS OF "a01" AND SLIDETOGGLE SLOWLY
		$("#a01").slideToggle("slow");
	});

	$("#but01").click(function(){
		//SELECT THE DIV TAG WITH A CLASS OF "but01" AND SLIDETOGGLE SLOWLY
		$("#tbl01").slideToggle("slow");
	});

	$("#but02").click(function(){
		//SELECT THE DIV TAG WITH A CLASS OF "but02" AND SLIDETOGGLE SLOWLY
		$("#tbl02").slideToggle("slow");
	});

	$(".summaryBar").click(function(){
		$(this).next().slideToggle(250);
		});
	
	$("legend.hider").click(function(){
		$(this).next().toggle();
		});
	
});