jQueryを使い、スクロールボックスの高さをアニメーションで変更

<script type="text/javascript">
jQuery( function() {
    var $flag = true;
    var $sampleBoxHeightMax = jQuery( '#sampleBox' )[0].scrollHeight;
    jQuery( '#sampleButton' ).click( function() {
        if( $flag ){
            $flag = false;
            jQuery( '#sampleBox' ).animate(
                {
                    height: $sampleBoxHeightMax,
                },
                {
                    duration: 'slow',
                }
            );
            jQuery( this ).html( '戻す' );
        }else{
            $flag = true;
            jQuery( '#sampleBox' ).animate(
                {
                    height: '130px',
                },
                {
                    duration: 'slow',
                }
            );
            jQuery( this ).html( '全表示' );
        }
    } );
} );
</script>