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

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