Table gizleme açma nasıl yaparım

Arkadaşlar bir türlü istediğim gibi yapamadım yardımcı olur musunuz ?

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>

Burayı incele hocam rahatlıkla yapabilirsin.

hocam öncelikle çook teşekkür ederim lakin her iki button a da bastığımda atab çıkıyor ?

Sayfaya jquery dahil etmediğini düşünüyorum.
Sayfaya jquery dahil et bu şekilde;
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
Aşağıda çalışan halini görebilsin.



Ayrıca show() ve hide() fonksiyonlarını incelemeni öneririm.

tekrardan teşekkür ederim kolay gelsin hocam