Классические табы

1. В теме предусмотрена готовая разметка для вывода классического варианта табов:

Вкладка 1
Вкладка 2
Вкладка 3

Ах, не говорите мне про Австрию! Я ничего не понимаю, может быть, но Австрия никогда не хотела и не хочет войны. Она предает нас. Россия одна должна быть спасительницей Европы. Наш благодетель знает свое высокое призвание и будет верен ему. Вот одно, во что я верю. Нашему доброму и чудному государю предстоит величайшая роль в мире, и он так добродетелен и хорош, что Бог не оставит его, и он исполнит свое призвание задавить гидру революции, которая теперь еще ужаснее в лице этого убийцы и злодея. Мы одни должны искупить кровь праведника. На кого нам надеяться, я вас спрашиваю?..

Англия с своим коммерческим духом не поймет и не может понять всю высоту души императора Александра. Она отказалась очистить Мальту. Она хочет видеть, ищет заднюю мысль наших действий. Что они сказали Новосильцеву? Ничего. Они не поняли, они не могли понять самоотвержения нашего императора, который ничего не хочет для себя и все хочет для блага мира. И что они обещали? Ничего. И что обещали, и того не будет!

Пруссия уже объявила, что Бонапарте непобедим и что вся Европа ничего не может против него... И я не верю ни в одном слове ни Гарденбергу, ни Гаугвицу. Cette fameuse neutralité prussienne, ce n'est qu'un piège 9. Я верю в одного Бога и в высокую судьбу нашего милого императора. Он спасет Европу!.. — Она вдруг остановилась с улыбкой насмешки над своею горячностью.

2. Для этого используйте следующую html-разметку:

<div class="product-content js-tabs-outer">
    <ul class="tabs js-tabs">
        <li class="js-tab tab" data-tab-content="tab-1">Вкладка 1</li>
        <li class="js-tab tab" data-tab-content="tab-2">Вкладка 2</li>
        <li class="js-tab tab" data-tab-content="tab-3">Вкладка 3</li>
    </ul>
    <div id="tab-1" class="js-tab-content tab-content">
        <div class="product-description">
            <div itemprop="description">
                Содержимое вкладки 1
            </div>
        </div>
    </div>
    
    <div id="tab-2" class="js-tab-content tab-content">
        <div class="product-description">
            <div itemprop="description">
                Содержимое вкладки 2
            </div>
        </div>
    </div>
    
    <div id="tab-3" class="js-tab-content tab-content">
        <div class="product-description">
            <div itemprop="description">
                Содержимое вкладки 3
            </div>
        </div>
    </div>
</div>