$(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').is(":visible") ? $('.slickbox').hide("fast") : $('.slickbox').show("slow");
        return false;
    });

});