Instant of summer
в окно HTML-низ
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
$("div.#menu span").removeClass("tabactive");
$(this).addClass("tabactive");
$("td.#MenuTxT div.submenutext").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn();
return false; });
});
</script>
В Объявление:
<style>
#menu {
height: 20px;
padding-top:8px;
float:left;
}
#menu span {
padding: 7px 5px 7px;
margin-right: 1px;
/* margin: 10px 0; */
margin-left: -2px;
width: 100px;
text-decoration: none;
}
#menu .tabactive {
color: #997342;
background:#FFD9A8;
}#submenu {
height: 240px;
text-align: justify;
font-size: 14px;
width: 500px;
background: url(http://s015.radikal.ru/i332/1107/d2/039aa3587111.png) no-repeat center;
}.submenutext {
display: none;
height: 98%;
padding: 1%;
}
</style>
<center><table style="width: 500px;">
<tbody>
<tr>
<td>
<div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">Кнопка 1</span>
<span alt=#sm2 "style="cursor: pointer;">Кнопка 2</span>
<span alt=#sm3 "style="cursor: pointer;">Кнопка 3</span>
</b>
</div>
</td>
</tr>
<tr>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
Контент 1-й кнопки
</div>
<div id="sm2" class="submenutext">
Контент 2-й кнопки
</div>
<div id="sm3" class="submenutext">
Контент 3-й кнопки
</div>
</div>
</td>
</tr>
</tbody>
</table></center>
Предварительно старый скрипт и код Вашего меню, что на скрине - удалить.
