<style>	
#menu span {
padding: 0px; 
margin: 0px;
display: block;
width: 100px;
height: 30px;
font-family: 'times new roman';
font-size: 14px;
font-weight: normal;
font-variant: small-caps;}

#menu span:hover {text-decoration: underline;}

#menu .tabactive {text-decoration: underline; font-weight: bold;}

#submenu {
padding: 5px;
height: 200px;
overflow-y: auto!important;
text-align: left;
font-size: 12px;
width: 720px;}

.submenutext {
text-align: center;
/*position:absolute;*/
width: auto;
margin: 0 2px;
max-width: 100%;
display: none;}

span.menuButton {
 cursor:pointer;
 cursor:hand;}
</style>

<!-- Table -->
<center><table style="width: 615px;">
 <tbody>
  <tr>
   <td align="center">
    <div id="menu">
<!-- Buttons -->
<table style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 20%;" align="center">
<span alt=#sm1 class="menuButton">Новости</span>
</td>
<td style="width: 20%;" align="center">
<span alt=#sm2 class="menuButton">Навигация</span>
</td>
<td style="width: 20%;" align="center">
<span alt=#sm3 class="menuButton">Администрация</span>
</td>
<td style="width: 20%;" align="center">
<span alt=#sm4 class="menuButton">Пантеон</span>
</td>
<td style="width: 20%;" align="center">
<span alt=#sm5 class="menuButton">Партнеры</span>
</td>
</tr>
</table>
<!-- End Buttons -->
    </div>
   </td>
  </tr>
  <tr align="left">
   <td id="MenuTxT" valign="top" style="height: 200px;">
    <div id="submenu" width="100%">

<table width="100%">
<tr>
     <td id="sm1" class="submenutext">
<!-- 1st Button -->

Контент 1-й кнопки

<!-- End 1st Button -->
</td>
     <td id="sm2" class="submenutext">
<!-- 2nd Button -->

Контент 2-й кнопки

<!-- End 2nd Button -->
</td>
     <td id="sm3" class="submenutext">
<!-- 3rd Button -->

Контент 3-й кнопки

<!-- End 3rd Button -->
</td>
     <td id="sm4" class="submenutext">
<!-- 4th Button -->

Контент 4-й кнопки

<!-- End 4th Button -->
</div>
     <td id="sm5" class="submenutext">
<!-- 5th Button -->

Контент 5-й кнопки

<!-- End 5th Button -->
</td>
</tr>
</table>

</div>
</td>
</tr>
</tbody>
</table>
</center>
<!-- End -->

<script type="text/javascript">
$(document).ready(function() {
$("td.submenutext").hide();
$("td.submenutext:first").show();
$(".menuButton").click(function() {
    $(".menuButton").removeClass("tabactive");
    $(this).addClass("tabactive");
    var activeDiv = $(this).attr("alt");

    $("td.submenutext *").hide(500)
    $("td.submenutext").hide(700)
    $("td."+activeDiv).show(700)
    $("td."+activeDiv+" *").show(100)
    return false; });
});
</script>