$(document).ready(function() {
	$("div.panel_button").click(function(){
		$("div#panel").animate({
			height: "300px"
		})
		.animate({
			height: "200px"
		}, "fast");
		$("div#panel2").hide();
		$("div#panel3").hide();
		$("div.panel_button").toggle();
//		$("div.closer").toggle();	
		});	
	
   $("div#hide_button").click(function(){
		$("div#panel").animate({
			height: "0px"
		}, "fast");
		
	
   });	
});   
	
$(document).ready(function() {	
	$("div.panel_button2").click(function(){
		$("div#panel2").animate({
			height: "300px"
		})
		.animate({
			height: "200px"
		}, "fast");
		$("div#panel").hide();
		$("div#panel3").hide();	
		$("div.panel_button2").toggle();		
//		$("div.closer").toggle();		

	});	
	
   $("div#hide_button2").click(function(){
		$("div#panel2").animate({
			height: "0px"
		}, "fast");
		
	
   });	
});   
	
$(document).ready(function() {	
	$("div.panel_button3").click(function(){
		$("div#panel3").animate({
			height: "300px"
		})
		.animate({
			height: "200px"
		}, "fast");
		$("div#panel2").hide();
		$("div#panel").hide();
//		$("div.closer").toggle();
		$("div.panel_button3").toggle();		
	
	});	
	
   $("div#hide_button3").click(function(){
		$("div#panel3").animate({
			height: "0px"
		}, "fast");
		
	
   });	
	
});