$( document ).ready( function() {
    function updateScrollPane() {
        $('.scroll').jScrollPane( { scrollbarWidth: 7, wheelSpeed: 22 } );
    }

    $( "a#box_1-show" ).click( function() {
        $( "#box_1" ).show( "slow", updateScrollPane );
        return false;
    });

    $( "a#box_1-hide" ).click( function() {
        $( "#box_1" ).hide( "fast", updateScrollPane );
        return false;
    });

    $( "a#box_2-show" ).click( function() {
        $( "#box_2" ).show( "slow", updateScrollPane );
        return false;
    });

    $( "a#box_2-hide" ).click( function() {
        $( "#box_2" ).hide( "fast", updateScrollPane );
        return false;
    });

    $( "a#box_3-show" ).click( function() {
        $( "#box_3" ).show( "slow", updateScrollPane );
        return false;
    });

    $( "a#box_3-hide" ).click( function() {
        $( "#box_3" ).hide( "fast", updateScrollPane );
        return false;
    });

    $( "a#box_4-show" ).click( function() {
        $( "#box_4" ).show( "slow", updateScrollPane );
        return false;
    });

    $( "a#box_4-hide" ).click( function() {
        $( "#box_4" ).hide( "fast", updateScrollPane );
        return false;
    });

    $( "a#box_5-show" ).click( function() {
        $( "#box_5" ).show( "slow", updateScrollPane );
        return false;
    });

    $( "a#box_5-hide" ).click( function() {
        $( "#box_5" ).hide( "fast", updateScrollPane );
        return false;
    });

    $( "a#box_6-show" ).click( function() {
        $( "#box_6" ).show( "slow", updateScrollPane );
        return false;
    });

    $( "a#box_6-hide" ).click( function() {
        $( "#box_6" ).hide( "fast", updateScrollPane );
        return false;
    });

    $( "a#box_7-show" ).click( function() {
        $( "#box_7" ).show( "slow", updateScrollPane );
        return false;
    });

    $( "a#box_7-hide" ).click( function() {
        $( "#box_7" ).hide( "fast", updateScrollPane );
        return false;
    });
});