JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://yandex.st/jquery-ui/1.8.21/themes/base/jquery.ui.all.min.css">
<div class="tabs">
<!-- Это сами вкладки -->
<ul class="tabNavigation">
<li><a class="" href="#first">Д.Огилви</a></li>
<li><a class="" href="#second">Миллер</a></li>
<li><a class="" href="#third">Черчилль</a></li>
</ul>
<!-- Это контейнеры содержимого -->
<div id="first">
<div class="tabs">
<!-- Это сами вкладки -->
<ul class="tabNavigation">
<li><a class="" href="#first1">Д.Огилви1</a></li>
<li><a class="" href="#second1">Миллер1</a></li>
<li><a class="" href="#third1">Черчилль1</a></li>
</ul>
<!-- Это контейнеры содержимого -->
<div id="first1">
<h2>Д.Огилви1</h2>
<p>Лучший способ превратить работника в генератор идей это возложить на него самую высокую ответственность.1</p>
</div>
<div id="second1">
<h2>Миллер1</h2>
<p>Деньги не имеют значения — пока они у вас есть.1</p>
</div>
<div id="third1">
<h2>Черчилль1</h2>
<p>Пессимист видит трудности при каждой возможности; оптимист в каждой трудности видит возможности.1</p>
</div>
</div>
</div>
<div id="second">
<div class="tabs">
<!-- Это сами вкладки -->
<ul class="tabNavigation">
<li><a class="" href="#first2">Д.Огилви2</a></li>
<li><a class="" href="#second2">Миллер2</a></li>
<li><a class="" href="#third2">Черчилль2</a></li>
...
JavaScript
$(".tabs").tabs();