<script type="text/javascript" src="http://infoscript.ru/top50.js"></script>

<style> .tabsheets,
.tabsheets dt,
.tabsheets dd
{
margin: 0;
padding: 0;
width: auto;
border: none;
}
dl.tabsheets dt,
dl.tabsheets dd
{
background-color: #f2f2f2;
color: ButtonText;
border: 1px solid ThreeDFace;
border-top-color: ThreeDHighlight;
border-right-color: ThreeDShadow;
border-bottom-color: ThreeDShadow;
border-left-color: ThreeDHighlight;
}
.tabsheets
{
position: relative;
padding: 0;
margin-bottom: 10px;
}
.tabsheets dt
{
float: left;
padding: 0.2em 1em;
cursor: default;
white-space: nowrap;
margin-top: 0.1em;
margin-bottom: -0.2em;
cursor: pointer;
}
.tabsheets dt.on
{
background-color: ButtonHighlight;
color: ButtonText;
margin-top: 0;
padding-bottom: 0.3em;
}
.tabsheets dd
{
position: absolute;
width: 100%;
display: block;
left: 0;
margin: 1.6em 0 1em 0;
padding-left: 3px;
}
.tabsheets dd .reducer
{
margin: 1em;
}
.tabsheets dd.inactive
{
display: none;
}
.tabsheets dd.inactive iframe,
.tabsheets dd.inactive select,
.tabsheets dd.inactive textarea,
.tabsheets dd.inactive input
{
display: none !important;
}
.tabsheets dd.active
{
display: block;
}
.tabsheets .reducer
{
margin: 1em;
}
.topnews {border: 1px dotted #c2c2c2; padding:10px;}
div.topnews:hover {background:#ffffff;}</style>
<dl class="tabsheets">
<dt>→ Топ 50 по просмотрам</dt>
<dd>
<center>
<h1>Топ 50 самых просматриваемых новостей</h1>
</center>
Тут содержимое первого блока</dd>

<dt>→ Топ 50 по рейтингу</dt>
<dd>
<center>
<h1>Топ 50 новостей по рейтингу</h1>
</center>
Тут содержимое второго блока</dd>

<dt>→ Самые комментируемые</dt>
<dd>
<center>
<h1>Топ 50 самых комментируемых новостей</h1>
</center>
Тут содержимое третьего блока</dd>
</dl>