JavaScript
Код
$(function() {
$('ul.tabs').delegate('li:not(.current)', 'click', function() {
$(this).addClass('current').siblings().removeClass('current').parents('div.section').find('div.box').hide().eq($(this).index()).fadeIn(500);
return false;
})
})
$('ul.tabs').delegate('li:not(.current)', 'click', function() {
$(this).addClass('current').siblings().removeClass('current').parents('div.section').find('div.box').hide().eq($(this).index()).fadeIn(500);
return false;
})
})
HTML
Код
<div class="section">
<ul class="tabs">
<li class="current">1-я вкладка</li>
<li>2-я вкладка</li>
</ul>
<div class="box visible">
Содержимое первого блока
</div>
<div class="box">
Содержимое второго блока
</div>
</div>
<ul class="tabs">
<li class="current">1-я вкладка</li>
<li>2-я вкладка</li>
</ul>
<div class="box visible">
Содержимое первого блока
</div>
<div class="box">
Содержимое второго блока
</div>
</div>
CSS
Код
.box{display: none;}
.box.visible{display: block;}
.box.visible{display: block;}