$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready (a little sooner that page load)
  $('#slickbox').hide();
  $('#slickbox1').hide(); 
  $('#slickbox2').hide(); 
  $('#slickbox3').hide(); 
  $('#slickbox4').hide(); 
  $('#slickbox5').hide();   
 // shows and hides and toggles the slickbox on click  
  $('#slick-show').click(function() {
    $('#slickbox').show('slow');
    return false;
  });
  $('#slick-hide').click(function() {
    $('#slickbox').hide('fast');
    return false;
  });
  $('#slick-toggle').click(function() {
    $('#slickbox').toggle(400);
    return false;
  });
  
  
  


 // slides down, up, and toggle the slickbox on click    
  $('#slick-down').click(function() {
    $('#slickbox').slideDown('slow');
	$(this).text($(this).text() == 'Show box' ? 'Hide box' : 'Show box'); // <- HERE
    return false;
  });
  $('#slick-up').click(function() {
    $('#slickbox').slideUp('fast');
    return false;
  });
  $('#slick-slidetoggle').click(function() {
    $('#slickbox').slideToggle(400);
    return false;
  });
   $('#slick-slidetoggle1').click(function() {
    $('#slickbox1').slideToggle(400);
    return false;
  });
   $('#slick-slidetoggle2').click(function() {
    $('#slickbox1').slideUp(400);
    return false;
  });
   $('#slick-slidetoggle3').click(function() {
    $('#slickbox1').slideUp(400);
    return false;
  });
   $('#slick-slidetoggle3').click(function() {
    $('#slickbox2').slideUp(400);
    return false;
  });
    $('#slick-slidetoggle1').click(function() {
    $('#slickbox3').slideUp(400);
    return false;
  });
    $('#slick-slidetoggle2').click(function() {
    $('#slickbox3').slideUp(400);
    return false;
  });
   $('#slick-slidetoggle1').click(function() {
    $('#slickbox2').slideUp(400);
    return false;
  });
   $('#slick-slidetoggle2').click(function() {
    $('#slickbox2').slideToggle(400);
    return false;
  });
   $('#slick-slidetoggle3').click(function() {
    $('#slickbox3').slideToggle(400);
    return false;
  });
   $('#slick-slidetoggle4').click(function() {
    $('#slickbox4').slideToggle(400);
    return false;
  });
   $('#slick-slidetoggle5').click(function() {
    $('#slickbox5').slideToggle(400);
    return false;
  });
});