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

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

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

<div class="js-tabs-outer">
    <ul class="tabs js-tabs">
        <li class="js-tab tabs_el selected" data-tab-content="tab1">Вкладка 1</li>

        <li class="js-tab tabs_el" data-tab-content="tab2">Вкладка 2</li>

        <li class="js-tab tabs_el" data-tab-content="tab3">Вкладка 3</li>
    </ul>
    <div class="tab-contents">
        <div id="tab1" class="js-tab-content tab-content_el selected">
            Содержимое вкладки 1
        </div>

        <div id="tab2" class="js-tab-content tab-content_el">
            Содержимое вкладки 2
        </div>

        <div id="tab3" class="js-tab-content tab-content_el">
            Содержимое вкладки 3
        </div>
    </div>
</div>