<div class="menu1">
<br id="tab2"/><br id="tab3"/><br id="tab4"/><br id="tab5"/><br id="tab6"/>
<a href="#tab1"><b>Описание</b></a>
<a href="#tab2"><b>Отзывы</b></a>
<a href="#tab3"><b>Вкладка 3</b></a>
<a href="#tab4"><b>Вкладка 4</b></a>
<a href="#tab5"><b>Вкладка 5</b></a>
<a href="#tab6"><b>Вкладка 6</b></a>
<div class="tabs">$MESSAGE$</div>
<div class="tabs1">$COM_BODY$<br>$COM_ADD_FORM$</div>
<div class="tabs">Содержимое вкладки 3</div>
<div class="tabs">Содержимое вкладки 4</div>
<div class="tabs">Содержимое вкладки 5</div>
<div class="tabs">Содержимое вкладки 6</div>
</div>

<style type="text/css">
#tab1, #tab2, #tab3, #tab4, #tab5, #tab6 {display:none; position:fixed; background: #F3F3F3;}
.tabs {height: 150px;}
.tabs1 {height: auto;}
.menu1 > a,
.menu1 #tab2:target ~ a:nth-of-type(1),
.menu1 #tab3:target ~ a:nth-of-type(1),
.menu1 #tab4:target ~ a:nth-of-type(1),
.menu1 #tab5:target ~ a:nth-of-type(1),
.menu1 #tab6:target ~ a:nth-of-type(1)
{background: #fff; padding: 8px 15px 8px 15px; border: 1px solid #CAD3DA; line-height: 32px; text-decoration:none; }

.menu1 > a:nth-of-type(1),
.menu1 #tab2:target ~ a:nth-of-type(2),
.menu1 #tab3:target ~ a:nth-of-type(3),
.menu1 #tab4:target ~ a:nth-of-type(4),
.menu1 #tab5:target ~ a:nth-of-type(5),
.menu1 #tab6:target ~ a:nth-of-type(6)
{border-bottom: #F4F6F7; background: #F3F3F3; }

.menu1 > a:hover { text-decoration:; }
.menu1 > div,
.menu1 #tab2:target ~ div:nth-of-type(1),
.menu1 #tab3:target ~ div:nth-of-type(1),
.menu1 #tab4:target ~ div:nth-of-type(1),
.menu1 #tab5:target ~ div:nth-of-type(1),
.menu1 #tab6:target ~ div:nth-of-type(1)
{display: none; padding: 5px; border: 0px solid #CAD3DA; background: #F3F3F3;height: 150px; border: 1px solid #CAD3DA;}

.menu1 > div:nth-of-type(1),
.menu1 #tab2:target ~ div:nth-of-type(2),
.menu1 #tab3:target ~ div:nth-of-type(3),
.menu1 #tab4:target ~ div:nth-of-type(4),
.menu1 #tab5:target ~ div:nth-of-type(5),
.menu1 #tab6:target ~ div:nth-of-type(6)
{ display: block; }
</style>