$(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;

        });

      });