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

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

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

Универсальный скрипт на 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;
   })
})

UPD: для jquery 1.8.3 и старше

$(document).on('click', 'ul.tabs li:not(.current)", 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;}
Добавить комментарий
  • Логин
  • E-mail (не обязательно)
Повторите рисунок:
antibot
© Sander-Development. 2009-2018.
При копировании, ссылка на источник обязательна.