Все работает только вот есть проблема. Хочу что бы положение закладки сохранялось. Сейчас по умолчанию открывается первая. Есть идеи использовать куки… Но как не знаю… Да что уж тут… И разбираться времени нет… Подскажите пожалуйста кому не трудно.
body {margin-top: 0px; margin-left: 0px}
.bmc{font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; border-right:solid #CCCCCC 1px; border-bottom:solid #CCCCCC 1px; padding:1px 5px;cursor:hand;}
.bmcsel{font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; border-right:solid #CCCCCC 1px; border-bottom:solid #CCCCCC 1px; padding:1px 5px;background: #E2E2E2;}
.bm{font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; padding:`px 5px;width:300px;background: #FFFFFF;margin-top:3px;}
setbm = function(){
var i = 2;
while(document.getElementById('bm'+i)!=null){
document.getElementById('bm'+i).style.display='none';
i++;
}
}
actbm = function(aid){
var i = 1;
while(document.getElementById('bm'+i)!=null){
if(i!=aid){
document.getElementById('bm'+i).style.display='none';
document.getElementById('bmc'+i).className='bmc';
} else {
document.getElementById('bm'+i).style.display='block';
document.getElementById('bmc'+i).className='bmcsel';
}
i++;
}
}
<div>
<table width="939" height="31" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="190" bgcolor="#F4F4F4" class="bmcsel" id="bmc1" onclick="actbm(1)"><div align="center">Главная</div></td>
<td width="190" bgcolor="#F4F4F4" class="bmc" id="bmc2" onclick="actbm(2)"><div align="center">Каталог товаров</div></td>
<td width="190" bgcolor="#F4F4F4" class="bmc" id="bmc3" onclick="actbm(3)"><div align="center">Предоставляемые услуги</div></td>
<td width="190" bgcolor="#F4F4F4" class="bmc" id="bmc4" onclick="actbm(4)"><div align="center">Об интернет-магазине</div></td>
<td width="190" bgcolor="#F4F4F4" class="bmc" id="bmc5" onclick="actbm(5)"><div align="center">Правила работы</div></td>
<td width="190" bgcolor="#F4F4F4" class="bmc" id="bmc6" onclick="actbm(6)"><div align="center">Контакты</div></td>
<td width="190" bgcolor="#F4F4F4" class="bmc" id="bmc7" onclick="actbm(7)"><div align="center">Новости, статьи</div></td>
</tr>
</table>
<div id="bm1" class="bm">Содержимое вкладки 1</div>
<div id="bm2" class="bm">Содержимое вкладки 2</div>
<div id="bm3" class="bm">Содержимое вкладки 3</div>
<div id="bm4" class="bm">Содержимое вкладки 4</div>
<div id="bm5" class="bm">Содержимое вкладки 5</div>
<div id="bm6" class="bm">Содержимое вкладки 6</div>
<div id="bm7" class="bm">Содержимое вкладки 7</div>
</div>
setbm();