$(document).ready(function() {
        // hides the slickbox as soon as the DOM is ready (a little sooner that page load)
        $('#slickbox').hide();

        // shows and hides and toggles the slickbox on click  
        $('#slick-show').click(function() {
            $('#slickbox').show('slow');
            return false;
        });
        $('#slick-hide').click(function() {
            $('#slickbox').hide('fast');
            return false;
        });
        $('#slick-toggle').click(function() {
            $('#slickbox').toggle(400);
            return false;
        });

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