$(document).ready(function(){
	//Hide (Collapse) the toggle containers on load
	$(".toggle_container").hide();
	//Switch the "Open" and "Close" state per click
	$("li.trigger1").toggle(function(){
		$(this).addClass("active");
		}, function () {
		$(this).removeClass("active");
	});
	$("li.trigger2").toggle(function(){
		$(this).addClass("active");
		}, function () {
		$(this).removeClass("active");
	});
	$("li.trigger3").toggle(function(){
		$(this).addClass("active");
		}, function () {
		$(this).removeClass("active");
	});
	//Slide up and down on click
	$("li.trigger1").click(function(){
		$(this).next(".toggle_container").slideToggle("slow");
	});
	$("li.trigger2").click(function(){
		$(this).next(".toggle_container").slideToggle("slow");
	});
	$("li.trigger3").click(function(){
		$(this).next(".toggle_container").slideToggle("slow");
	});
});