$(document).ready(function(){
	//Hide (Collapse) the toggle containers on load 
	$(".toggle_container").hide(); 
	
		$("a.gate").click(function(){
			$("div#gate").slideToggle("slow");
		});
		$("a.chican").click(function(){
			$("div#chican").slideToggle("slow");
		});
		$("a.john").click(function(){
			$("div#john").slideToggle("slow");
		});
		$("a.marco").click(function(){
			$("div#marco").slideToggle("slow");
		});
		$("a.lisa").click(function(){
			$("div#lisa").slideToggle("slow");
		});
		$("a.sied").click(function(){
			$("div#sied").slideToggle("slow");
		});
		$("a.dash").click(function(){
			$("div#dash").slideToggle("slow");
		});
		$("a.reg").click(function(){
			$("div#reg").slideToggle("slow");
		});
		$("a.vid").click(function(){
			$("div#vid").slideToggle("slow");
		});
		
		

	//Switch the "Open" and "Close" state per click
	$("h2.trigger").toggle(function(){
		$(this).addClass("active");
		}, function () {
		$(this).removeClass("active");
	});
	
	$("h2.ga").toggle(function(){
		$(this).removeClass("active");
		}, function () {
		$(this).addClass("active");
	});

	//Slide up and down on click
	$("h2.trigger").click(function(){
		$(this).next(".toggle_container").slideToggle("fast");
	});
		
			$("h2.ga").click(function(){
		$(this).next(".toggle_container").slideToggle("fast");
	});
});