// JavaScript Document


$(document).ready(function() {
 // hides the thing you want as soon as the DOM is ready
 // to hide all the divs with one statement they share the same class name.
  $('div.cda_info').hide();
  // append a graphic to show that the divs can expand
 $('h2 a').append(' <img src="../images/more.gif" alt="expand or collapse this section" class="more" /> ');

  
  
 // toggles the thing you want on clicking the noted link  
 // They each have a unique ID to only toggle one section at a time.
  $('a#toggle1').click(function() {
		$('#section1').toggle(400);
    return false;
  });
  
    $('a#toggle2').click(function() {
		 $('#section2').toggle(400);
    return false;
  });
  
    $('a#toggle3').click(function() {
    	$('#section3').toggle(400);
    return false;
  });
  
    $('a#toggle4').click(function() {
    	$('#section4').toggle(400);
    return false;
  });
    $('a#toggle5').click(function() {
    	$('#section5').toggle(400);
    return false;
  });
  
    $('a#toggle6').click(function() {
    	$('#section6').toggle(400);
    return false;
  });
  
    $('a#toggle7').click(function() {
    	$('#section7').toggle(400);
    return false;
  });
  
    $('a#toggle8').click(function() {
    	$('#section8').toggle(400);
    return false;
  });
    $('a#toggle9').click(function() {
    	$('#section9').toggle(400);
    return false;
  });
  
    $('a#toggle10').click(function() {
    	$('#section10').toggle(400);
    return false;
  });
  

  
});