//This is the JQuery Slick box based on the one here: http://www.learningjquery.com/2006/09/slicker-show-and-hide

// for use just add a Div with the class of slickbox to the content you want to hide  ///  <div class="slickbox"></div>
// and use a link with an ID of slick-show, slick-hide, slick-toggle //// <a href="#" id="slick-toggle">Read More...</a>
// when the link is clicked it will activate the corresponding action to the slickbox div


//Set1
jQuery(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready
 // (a little sooner than page load)
  jQuery('.slickbox').hide();

 
 // toggles the slickbox on clicking the noted link  
  jQuery('a#slick-toggle').click(function() {
    jQuery('.slickbox').slideToggle(400);
    return false;
  });
});




//Set2
jQuery(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready
 // (a little sooner than page load)
  jQuery('.slickbox2').hide();

 
 // toggles the slickbox on clicking the noted link  
  jQuery('a#slick-toggle2').click(function() {
    jQuery('.slickbox2').slideToggle(400);
    return false;
  });
});


//Set3
jQuery(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready
 // (a little sooner than page load)
  jQuery('.slickbox3').hide();

 
 // toggles the slickbox on clicking the noted link  
  jQuery('a#slick-toggle3').click(function() {
    jQuery('.slickbox3').slideToggle(400);
    return false;
  });
});