$(document).ready(function() {

       // hides the slickbox as soon as the DOM is ready

       // (a little sooner than page load)

        $('#slickbox').hide();

       

       // shows the slickbox on clicking the noted link  

        $('a#slick-show').click(function() {

          $('#slickbox').show('slow');

          return false;

        });

       
 
       // hides the slickbox on clicking the noted link  

        $('a#slick-hide').click(function() {

          $('#slickbox').hide('fast');
 
          return false;

        });
       

       // toggles the slickbox on clicking the noted link  
 
        $('a#slick-toggle').click(function() {
 
          $('#slickbox').toggle(400);

          return false;

        });

      });