$(document).ready(function() {
 	
 	//close all the content divs on page load that have toggle class
$('.toggle').hide();

 	
   $("#tgl-001").click(function(){
     $("#001").slideToggle("slow");
   });
   
   $("#tgl-002").click(function(){
     $("#002").slideToggle("slow");
   });
   
   $("#tgl-003").click(function(){
     $("#003").slideToggle("slow");
   });
      
   $("#tgl-004").click(function(){
     $("#004").slideToggle("slow");
   });
      
   $("#tgl-005").click(function(){
     $("#005").slideToggle("slow");
   });
   
   $("#tgl-006").click(function(){
     $("#006").slideToggle("slow");
   });
   
   $("#tgl-007").click(function(){
     $("#007").slideToggle("slow");
   });
   
   $("#tgl-008").click(function(){
     $("#008").slideToggle("slow");
   });
      
   $("#tgl-009").click(function(){
     $("#009").slideToggle("slow");
   });
      
   $("#tgl-010").click(function(){
     $("#010").slideToggle("slow");
   });
   
   $("#tgl-011").click(function(){
     $("#011").slideToggle("slow");
   });
   
   $("#tgl-012").click(function(){
     $("#012").slideToggle("slow");
   });
   
   $("#tgl-013").click(function(){
     $("#013").slideToggle("slow");
   });
      
   $("#tgl-014").click(function(){
     $("#014").slideToggle("slow");
   });
      
   $("#tgl-015").click(function(){
     $("#015").slideToggle("slow");
   });
   
   $("#tgl-016").click(function(){
     $("#016").slideToggle("slow");
   });
   
   $("#tgl-017").click(function(){
     $("#017").slideToggle("slow");
   });
   
   $("#tgl-018").click(function(){
     $("#018").slideToggle("slow");
   });
      
   $("#tgl-019").click(function(){
     $("#019").slideToggle("slow");
   });
      
   $("#tgl-020").click(function(){
     $("#020").slideToggle("slow");
   });
      
   $("#tgl-021").click(function(){
     $("#021").slideToggle("slow");
   }); 

   
 });