<style>
#tstTable table[id]{
  height: 300px;
  width:100%;
  position:absolute;
  display:none;
}
#tstTable .navbuttons td{
  padding: 20px;
  cursor:pointer;
  text-align:center;
  font-weight:700;
  font-size:1.1em;
} 
.tabindex {
  height: 300px;
  width: 100%;
  position: relative;
}
span.Myimages {
  display: inline-block;
  margin: 20px;
}
.tabindex p {
  font-weight: 700;
}
</style>
 
<div id="tstTable">
 
<table class="navbuttons"><tr>
  <td id="btn1">Новости</td>
  <td id="btn2">Администрация</td>
  <td id="btn3">События в игре</td>
  <td id="btn4">Лучшие игроки</td>
  <td id="btn5">Наши партнеры</td>
</tr></table>
 
<div class="tabindex">
 
<table id="tbl1"><!-- Новости --><tr>
  <td>
        Текст вкладки Новости
  </td>
</tr></table>
 
<table id="tbl2"><!--Администрация --><tr>
  <td>
        Текст вкладки Администрация
  </td>
</tr></table>
 
<table id="tbl3"><!-- События в игре --><tr>
  <td>
        Текст вкладки События в игре
  </td>
</tr></table>
 
<table id="tbl4"><!-- Лучшие игроки --><tr>
  <td>
        Текст вкладки Лучшие игроки
  </td>
</tr></table>
 
<table id="tbl5"><!-- Наши партнеры --><tr>
  <td>
        Текст вкладки Наши партнеры
  </td>
</tr></table>
 
</div>
 
</div>
 
<script type="text/javascript">
$(function(){
  $("#tstTable #tbl1").fadeIn(200);
  $(".navbuttons td#btn1").addClass("active");
  $(".navbuttons td").click(function(){
    var num=$(this).attr("id");
    if(num)num=num.split("btn")[1];
    $(".navbuttons td").removeClass("active");
    $(this).addClass("active");
    $("#tstTable table[id]").fadeOut(200);
    $("#tstTable table[id='tbl"+num+"']").fadeIn(200);
  });
})
</script>