$(document).ready(function(){

	//Hide (Collapse) the toggle containers on load
	$(".toggle_container").hide(); 

	//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
	$("h2.trigger").click(function(){
		$(this).toggleClass("active").next().slideToggle("fast");
	});
	
	$(".trigger").toggle(function(){
		$(this).addClass("active");
		}, function () {
		$(this).removeClass("active");
	});
	
	$("#first-item").toggleClass("active");
	$("#first-item").next().show();
	$("#first-item").toggle(function(){
		$(this).removeClass("active");
		}, function () {
		$(this).addClass("active");
	});

});
/*$(document).ready(function(){
						   
	//Hide (Collapse) the toggle containers on load
	$(".toggle_container").hide();
		
	$("#first-item").toggleClass("active");
	$("#first-item").next().show();

	//Switch the "Open" and "Close" state per click

	$(".trigger").toggle(function(){
		$(this).addClass("active");
		}, function () {
		$(this).removeClass("active");
	});
	
	$("#first-item").toggle(function(){
		$(this).removeClass("active");
		}, function () {
		$(this).addClass("active");
	});

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


});*/