Лови табы =)верстку подгоняй как нужно
да, и еще Код |
---|
<? if ($USER->IsAuthorized()){ ?>
Авторизован
<? } else{ ?>
Соответственно верстку сюда
<? } ?> |
СкриптКод |
---|
$(function() {
$('ul.tabs').on('click', 'li:not(.active)', function() {
$(this).addClass('active').siblings().removeClass('active')
.parents('div.section').find('div.blok').eq($(this).index()).fadeIn(150).siblings('div.blok').hide();
})
}) |
ВерсткаКод |
---|
<div class="section">
<ul class="tabs">
<li class="active">1 вкладка</li>
<li>2 вкладка</li>
</ul>
<div class="blok visible">
Содержимое блока 1
</div>
<div class="blok">
Содержимое блока 2
</div>
</div> |
CSSКод |
---|
.blok {
display: none; /* скрыть все блоки */
}
.blok.visible {
display: block; /* показать нужный блок */
} |