Скрипт табов/закладок для 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;}
Комментарии: (2)
  1. foto
    Гость 22 сентября 2018 22:11 #
    Если в 1 таб поместить html5 плеер, открыть таб запустить видео кнопкой play, далее закрыть таб во время проигрывания ролика, то ролик остановится? Либо продолжит показывать в закрытом табе?
    0
    1. foto
      Администратор 23 сентября 2018 09:19 #
      Вероятнее всего продолжит проигрывание.
      0
Добавить комментарий

Внимание! Все сообщения касающиеся техподдержки будут удалены или проигнорированы

Attention! All messages asking for technical support will be removed or ignored

  • Логин
  • E-mail (не обязательно)
Повторите рисунок:
antibot
© Sander-Development. 2009-2024.
При копировании, ссылка на источник обязательна.