$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready (a little sooner that page load)
  $('#slickbox').hide();
  $('#slickbox2').hide();
  
 // shows and hides and toggles the slickbox on click  
 
  $('#slick-toggle').click(function() {
    $('#slickbox').slideToggle(400);
    return false;
  });
  
    $('#slick-toggle2').click(function() {
    $('#slickbox2').slideToggle(400);
    return false;
  });
 // slides down, up, and toggle the slickbox on click    
 
  $('#slick-slidetoggle').click(function() {
    $('#slickbox').slideToggle(400);
    return false;
  });
  
   $('#slick-slidetoggle2').click(function() {
    $('#slickbox2').slideToggle(400);
    return false;
  });
});