jquery ile aşağıdaki şekilde yapabilirsin.Tabi bu basit bir halde isteğine göre animasyon vs ekleyebilirsin.
Kolay Gelsin.

<table id="tablea" style="display:block;"><tr><td>atab</td></tr></table>
<table id="tableb" style="display:none;"><tr><td>btab</td></tr></table>
<button id="btna">ButonA</button><button id="btnb">ButonB</button>
<script>
var tablea = true;
var tableb = false;
    $(document).ready(function(){
        $('body').on('click','#btna',function(){
            if(!tablea){
                tablea = true;
                tableb = false;
                $('#tablea').css('display','block');
                $('#tableb').css('display','none');
            }
            return;
        });
        $('body').on('click','#btnb',function(){
            if(!tableb){
                tablea = false;
                tableb = true;
                $('#tableb').css('display','block');
                $('#tablea').css('display','none');
            }
            return;
        });
    });
</script>