$(document).ready(function(){ 

	$("#slide").css('height', '210px');$(".block-1 .arrow").addClass("active");

	$("a.slide-out").click( 
				function () { 
 					$("#slide").animate({height: "210px"}, {queue:false, duration: 1700, easing: 'easeOutBounce'})
					$(".block-1 .arrow").addClass("active");
					$(".block-2 .arrow").removeClass("active");
					$(".block-3 .arrow").removeClass("active");
					$("#slide-2").animate({height: "0px"}, {queue:false, duration: 1700, easing: 'easeOutBounce'})
					$("#slide-3").animate({height: "0px"}, {queue:false, duration: 1700, easing: 'easeOutBounce'})
				} 
		);
	
	$("#slide-2").css('height', '0px');

	$("a.slide-out-2").click( 
				function () { 
					$("#slide").animate({height: "0px"}, {queue:false, duration: 1700, easing: 'easeOutBounce'}) 
 					$("#slide-2").animate({height: "210px"}, {queue:false, duration: 1700, easing: 'easeOutBounce'}) 
					$(".block-1 .arrow").removeClass("active");
					$(".block-2 .arrow").addClass("active");
					$(".block-3 .arrow").removeClass("active");
					$("#slide-3").animate({height: "0px"}, {queue:false, duration: 1700, easing: 'easeOutBounce'})  
				} 
		); 
	
	$("#slide-3").css('height', '0px');

	$("a.slide-out-3").click( 
				function () { 
					$("#slide").animate({height: "0px"}, {queue:false, duration: 1700, easing: 'easeOutBounce'}) 
					$("#slide-2").animate({height: "0px"}, {queue:false, duration: 1700, easing: 'easeOutBounce'})  
 					$("#slide-3").animate({height: "210px"}, {queue:false, duration: 1700, easing: 'easeOutBounce'}) 
					$(".block-1 .arrow").removeClass("active");
					$(".block-2 .arrow").removeClass("active");
					$(".block-3 .arrow").addClass("active");
				} 
		); 
        
});