Установка:
В место где хотим видеть вкладки вставляем:

Код

<link type="text/css" rel="stylesheet" href="https://theps.3dn.ru/css/style1.css" />
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<div class="container-tab">

  <ul class="accordion-tabs">
  <li class="tab-head-cont">
  <a href="#" class="is-active">Гостям</a>
  <section>
  <p>Дорогие друзья!
Для того чтоб вам стали доступны все материалы находящиеся на сайте, а также чтоб вы могли пополнить коллекцию материалов своим контентом, вам необходимо зарегистрироваться на сайте или войти в существующую учетную запись. После регистрации всплывающая реклама умерит свой пыл и перестанет отвлекать вас каждые тридцать секунд. С уважением руководство сайта theps.3dn.ru.</p>
  </section>
  </li>
  <li class="tab-head-cont">
  <a href="#">Отображение</a>
  <section>
  <p>Дорогие друзья!
Наш сайт оптимизирован под браузеры на движке Chromium, поэтому для корректного отображения нашего сайта мы советуем использовать браузер из этого списка: Яндекс.Браузер, Нихром, Orbitum, Uran, Амиго, Atom, Mandarin Browser, Opera и т.д. Спасибо за понимание, с уважением руководство сайта theps.3dn.ru.</p>
  </section>
  </li>
  <li class="tab-head-cont">
  <a href="#">Битые ссылки</a>
  <section>
  <p>Дорогие друзья!
Огромная просьба сообщать администрации сайта, о битых ссылках, о багах в шаблоне, и прочих ошибках и недостатках любыми известными вам способами, будь то комментарий к материалу, или сообщение в мини-чат, и даже в личку руководству сайта. Не важно! Главное помогите нам улучшить наш сайт чем сможете. Спасибо за понимание, с уважением руководство сайта theps.3dn.ru.</p>  
  </section>
  </li>
  <li class="tab-head-cont">
  <a href="#">Активистам</a>
  <section>
  <p>Дорогие друзья!
  Если вы умееете и любите создавать шедевры в Adobe Photoshop, или же шаблоны и скрипты для системы uCoz, или же вы просто киноман или меломан, то приглашаем вас пополнить наш каталог, интересующего вас раздела, помогите нам улучшить наш сайт чем сможете. Спасибо за понимание, с уважением руководство сайта theps.3dn.ru. PS: Ссылки на источник обьязательны. </p>
  </section>
  </li>
  </ul>
   
</div>

<script>
  $(document).ready(function () {
  $('.accordion-tabs').children('li').first().children('a').addClass('is-active').next().addClass('is-open').show();
  $('.accordion-tabs').on('click', 'li > a', function(event) {
  if (!$(this).hasClass('is-active')) {
  event.preventDefault();
  $('.accordion-tabs .is-open').removeClass('is-open').hide();
  $(this).next().toggleClass('is-open').toggle();
  $('.accordion-tabs').find('.is-active').removeClass('is-active');
  $(this).addClass('is-active');
  } else {
  event.preventDefault();
  }
  });
  });
</script>