Код
<link type="text/css" rel="stylesheet" href="https://zagruzka-up.ru/skript_zu/slidertp/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>Дорогие друзья!
Для того чтоб вам стали доступны все материалы находящиеся на сайте, а также чтоб вы могли пополнить коллекцию материалов своим контентом, вам необходимо зарегистрироваться на сайте или войти в существующую учетную запись. После регистрации всплывающая реклама умерит свой пыл и перестанет отвлекать вас каждые тридцать секунд. С уважением руководство сайта zagruzka-up.ru</p>
</section>
</li>
<li class="tab-head-cont">
<a href="#">Отображение</a>
<section>
<p>Дорогие друзья!
Наш сайт оптимизирован под браузеры на движке Chromium, поэтому для корректного отображения нашего сайта мы советуем использовать браузер из этого списка: Яндекс.Браузер, Нихром, Orbitum, Uran, Амиго, Atom, Mandarin Browser, Opera и т.д. Спасибо за понимание, с уважением руководство сайта zagruzka-up.ru</p>
</section>
</li>
<li class="tab-head-cont">
<a href="#">Битые ссылки</a>
<section>
<p>Дорогие друзья!
Огромная просьба сообщать администрации сайта, о битых ссылках, о багах в шаблоне, и прочих ошибках и недостатках любыми известными вам способами, будь то комментарий к материалу, или сообщение в мини-чат, и даже в личку руководству сайта. Не важно! Главное помогите нам улучшить наш сайт чем сможете. Спасибо за понимание, с уважением руководство сайта zagruzka-up.ru</p>
</section>
</li>
<li class="tab-head-cont">
<a href="#">Активистам</a>
<section>
<p>Дорогие друзья!
Если вы умеете и любите создавать шедевры в Adobe Photoshop, или же шаблоны и скрипты для системы uCoz, или же вы просто киноман или меломан, то приглашаем вас пополнить наш каталог, интересующего вас раздела, помогите нам улучшить наш сайт чем сможете. Спасибо за понимание, с уважением руководство сайта zagruzka-up.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>