<!-- Текст второго Объявления -->


<style>
.korpus > div, .korpus > input { display: none; }

.korpus label { padding: 5px; border: 1px solid #aaa; line-height: 28px; cursor: pointer; position: relative; bottom: 1px; background: #fff; }
.korpus input[type="radio"]:checked + label { border-bottom: 2px solid #fff; }

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3) { display: block; padding: 5px; border: 1px solid #aaa; }
</style>

<style type="text/css">
.tabs{
font: normal normal 400 16px/normal Verdana;
position:relative;
display:inline-block;
margin-top:15px;
}
.tabs>span{
font: normal normal 400 13px/normal Verdana;
float:left;
cursor:pointer;
margin-right:2px;
display:block;
border:#000 solid 1px;
paddung:0 4px;
}
.tabs>span.selected{
background:black;
color:white;
}

.tab{
margin-top:2px;
display:block;
width:429px;
}

.tab-content{
display:none;
padding:6px 10px;
background:black;
color:white;
width: auto%;
/*height: 100px;*/
overflow-y:auto;
overflow-x:hidden;  
}
</style>

<ul class="tabs"><!-- Tabs<br> <br>-->
<span>Открытие форума</span><span>Обновление</span><span>Новые возможности</span><br>
<li class="tab">
    <div class="tab-content">
Открытие форума 5.11.2014 - Но ты можешь зарегистрироваться прямо сейчас
    </div>
</li>
<li class="tab">
    <div class="tab-content">
     Обновление
    </div>
</li>
<li class="tab">
    <div class="tab-content">
     Новые возможности
    </div>
</li>
<li class="tab">
    <div class="tab-content">
     третья вкладка
    </div>
</li>
</ul><!-- //End Tabs -->

<script type="text/javascript">
$(document).ready(function(){
   $('.tabs').each(function(){
        var a = $(this);
        a.children().children('.tab-content:first').show(0);
        a.children('span:first').addClass('selected');
   });
    $('.tabs>span').click(function(){
       var a = $(this).parents('.tabs');
       var arr = a.children('span');
       var index = arr.index(this);
       arr.removeClass('selected');
       $(this).addClass('selected'); 
       a.children().children('.tab-content').hide(0);   
       a.children().children('.tab-content').eq(index).show(0);     
    });
});
 </script>