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


    // toggles the togglebox on clicking the noted link  
    $('a#box-toggle1').click(function() {
        $('#togglebox1').toggle(400);
        return false;
    });


    // toggles the togglebox on clicking the noted link  
    $('a#box-toggle2').click(function() {
        $('#togglebox2').toggle(400);
        return false;
    });



    // toggles the togglebox on clicking the noted link  
    $('a#box-toggle3').click(function() {
        $('#togglebox3').toggle(400);
        return false;
    });
});