//initialize
window.onload=function(){
  toggleFAQ();
  toggleFAQ2();
  toggleFAQ3()
  toggleFAQ4()
}

//specify id of dls to toggle
function toggleFAQ(){
   var mydl=document.getElementById('faq');
   toggle(mydl);
}
function toggleFAQ2(){
   var mydl=document.getElementById('faq2');
   toggle(mydl);
}
function toggleFAQ3(){
   var mydl=document.getElementById('faq3');
   toggle(mydl);
}
function toggleFAQ4(){
   var mydl=document.getElementById('faq4');
   toggle(mydl);
}

// toggle function
function toggle(mydl){
   var dds=mydl.getElementsByTagName('dd');
   var dts=mydl.getElementsByTagName('dt');
   
  
   for(var x=0; x < dds.length; x++){
      /* this should hide all the dds */
      dds[x].style.display='none';
   }
   for(var y=0; y < dts.length; y++){
      dts[y].id=y;
      dts[y].onclick=function(){
         if(dds[this.id].style.display!='none'){
            dds[this.id].style.display='none';
			dts[this.id].className = ''
         }else{  
            dds[this.id].style.display='block';
			dts[this.id].className = 'faqsDown'
         }
      }
   }
}