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

 // slides down, up, and toggle the slickbox on click    
  $('.slick-down').click(function() {
    $('#box1').slideDown('slow');
    return false;
  });
  $('.slick-up').click(function() {
    $('#box1').slideUp('fast');
    return false;
  });
  $('.stoggle').click(function() {
    $('#box1').slideToggle(400);
    return false;
  });
 
  
  
 /* ------------------------------------ Box 1 starts from here ------------------------------------------ */
 
 	// hides the slickbox as soon as the DOM is ready (a little sooner that page load)
  $('#box2').hide();
  
 // shows and hides and toggles the slickbox on click  
  $('.slick-show').click(function() {
    $('#box2').show('slow');
    return false;
  });
  $('.slick-hide').click(function() {
    $('#box2').hide('fast');
    return false;
  });
  $('.slick-toggle').click(function() {
    $('#box2').toggle(400);
    return false;
  });

 // slides down, up, and toggle the slickbox on click    
  $('.slick-down').click(function() {
    $('#box2').slideDown('slow');
    return false;
  });
  $('.slick-up').click(function() {
    $('#box2').slideUp('fast');
    return false;
  });
  $('.slidetoggle').click(function() {
    $('#box2').slideToggle(400);
    return false;
  }); 
  
});