Ссылка на форум: *не актуально*

Код:

<style type="text/css">
/******************************************************************
  Cтиль:"магазины"
******************************************************************/

/*Правки для Цвета фона и бордюров таблицы*/
/* Стиль "Ушка" вкладок */
.s-tabs>span{
color: #7d7d7d;
    display: inline-block;
    font-family: Arial !important;
    font-size: 12px !important;
    margin-right: 4px;
    letter-spacing: 1px !important;
    padding: 10px 10px 8px;
    border-top: 2px solid #8080802e;
    background: rgba(236, 236, 236, 0.21);
}
/* Активное "Ушко" */
.s-tabs>span.selected{
background: rgb(236, 236, 236);
    color: #777777;
    border-top: 2px solid grey;
    box-shadow: none;
}
</style>

Код:

<!-- магазины --><script type="text/javascript">
$('.s-tabs').each(function(){
   $(this).children('span:first').addClass('selected');
   $(this).children('.stab').eq(0).show();   
});
$('.s-tabs>span').live('click', function(){
     var a = $(this).parent('.s-tabs');
     var arr = a.children('span');
     var index = arr.index(this);
     arr.removeClass('selected');
     $(this).addClass('selected');
     a.children('.stab').hide();   
     a.children('.stab').eq(index).show();   
});
</script><!-- /End// магазины -->

Код:

<div class="shop"><ul class="s-tabs">
<span>Вкладка 1</span><span>Вкладка 2</span><span>Вкладка 3</span>
<li class="stab" style="display:block;">
<table width="100%">
<tr>
<td width="15%" bgcolor="#ececec">....</td>
<td bgcolor="#ececec"><b>...</b>. ....</td>
</tr>
</table>
</li>
<li class="stab">
<table width="100%">
<tr>
<td width="15%" bgcolor="#ececec">....</td>
<td bgcolor="#ececec"><b>...</b>. ....</td>
</tr>
</table>
</li>
<li class="stab">
<table width="100%">
<tr>
<td width="15%" bgcolor="#ececec">....</td>
<td bgcolor="#ececec"><b>...</b>. ....</td>
</tr>
</table>
</li>
</ul>
</div>