Скрипт табов/закладок

В категории: Обучающие материалы | Дата: 06.07.2013, 01:19 | Просмотров: 436

Универсальный скрипт на jQuery для блоков с вкладками (табами).
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;
  })
})

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>

CSS
Код
.box{display: none;}
.box.visible{display: block;}

Автор\Источник: http://nfhelp.ru/

Похожие посты

Поделись с друзьями

html-cсылка:

BB-cсылка:

Прямая ссылка:

Комментарии (0)

bbsmenu">
Оставить комментарий