$(document).ready(function(){
//for pannel 1	  
	  $('#content1').hide();
   
   			$('a#click1').click(function(){
			
			$('#content1').show('slow');
   
   });
   
   $('a#close1').click(function(){
   		$('#content1').hide('slow');
		})
   
//for pannel 2
   
   $('#content2').hide();
   
   			$('a#click2').click(function(){
			
			$('#content2').show('slow');
   
   });
   
   
    $('a#close2').click(function(){
   		$('#content2').hide('slow');
		})
   
//for pannel 3
   
   $('#content3').hide();
   
   			$('a#click3').click(function(){
			
			$('#content3').show('slow');
   
   });
   
   
    $('a#close3').click(function(){
   		$('#content3').hide('slow');
		})
//for pannel 4
   
   $('#content4').hide();
   
   			$('a#click4').click(function(){
			
			$('#content4').show('slow');
   
   });
   
   
    $('a#close4').click(function(){
   		$('#content4').hide('slow');
		})   
//for pannel 5
   
   $('#content5').hide();
   
   			$('a#click5').click(function(){
			
			$('#content5').show('slow');
   
   });
   
   
    $('a#close5').click(function(){
   		$('#content5').hide('slow');
		})
//for pannel 6
   
   $('#content6').hide();
   
   			$('a#click6').click(function(){
			
			$('#content6').show('slow');
   
   });
   
   
    $('a#close6').click(function(){
   		$('#content6').hide('slow');
		})
//for pannel 7
   
   $('#content7').hide();
   
   			$('a#click7').click(function(){
			
			$('#content7').show('slow');
   
   });
   
   
    $('a#close7').click(function(){
   		$('#content7').hide('slow');
		})
//for pannel 8
   
   $('#content8').hide();
   
   			$('a#click8').click(function(){
			
			$('#content8').show('slow');
   
   });
   
   
    $('a#close8').click(function(){
   		$('#content8').hide('slow');
		})
//for pannel 9
   
   $('#content9').hide();
   
   			$('a#click9').click(function(){
			
			$('#content9').show('slow');
   
   });
   
   
    $('a#close9').click(function(){
   		$('#content9').hide('slow');
		})
//for pannel 10
   
   $('#content10').hide();
   
   			$('a#click10').click(function(){
			
			$('#content10').show('slow');
   
   });
   
   
    $('a#close10').click(function(){
   		$('#content10').hide('slow');
		})
//for pannel 11
   
   $('#content11').hide();
   
   			$('a#click11').click(function(){
			
			$('#content11').show('slow');
   
   });
   
   
    $('a#close11').click(function(){
   		$('#content11').hide('slow');
		})
//for pannel 12
   
   $('#content12').hide();
   
   			$('a#click12').click(function(){
			
			$('#content12').show('slow');
   
   });
   
   
    $('a#close12').click(function(){
   		$('#content12').hide('slow');
		})
//for pannel 13
   
   $('#content13').hide();
   
   			$('a#click13').click(function(){
			
			$('#content13').show('slow');
   
   });
   
   
    $('a#close13').click(function(){
   		$('#content13').hide('slow');
		})

		});