$(document).ready(function(){  
	
	//TRRIGER1
	$("span.trigger1").toggle(function(){  
		$(this).addClass("active");  
	}, function () {  
		$(this).removeClass("active");  
	});  
	$("span.trigger1").click(function(){  
		$(".toggle_container1").slideToggle();  
	});  
	
	//TRRIGER2
	$("span.trigger2").toggle(function(){  
		$(this).addClass("active");  
	}, function () {  
		$(this).removeClass("active");  
	});  
	$("span.trigger2").click(function(){  
		$(".toggle_container2").slideToggle();  
	});  

	//TRRIGER3
	$("span.trigger3").toggle(function(){  
		$(this).addClass("active");  
	}, function () {  
		$(this).removeClass("active");  
	});  
	$("span.trigger3").click(function(){  
		$(".toggle_container3").slideToggle();  
	});  
	
});