$(document).ready(function() {
 // hides the slickbox as soon as the DOM is ready
 // (a little sooner than page load)
  $('#slick-show, .foo').hide();
 // shows the slickbox on clicking the noted link
  $('a#slick-show').click(function() {
								   
 $('#slickbox').show('slow');
 $('#slick-show, .foo').hide('fast');
 return false;
  });
 // hides the slickbox on clicking the noted link
  $('a#slick-hide').click(function() {
	$('#slick-show, .foo').show('slow');
 $('#slickbox').hide('fast');
 
 return false;
  });
 // toggles the slickbox on clicking the noted link
  $('a#slick-toggle').click(function() {
 $('#slickbox').toggle(400);
 return false;
  });
});