{# Template : Tabs #}

{% extends 'chop/layouts.twig' %}

{% block content %}


<div class="pageWrap">

    <div class="contentPageWrap">

        <h2>Normal tabs with callbacks</h2>
        <div class="tabs js_tabs" id="tabsOne">
            {% include 'layouts/plugins/tabs/plugin_includes/tab_content.twig' %}
        </div> <!-- .tabs js_tabs -->
        <a href="#" class="button js_disable">destroy</a>

        <h2>Starting with accordion</h2>
        <div class="tabs js_tabs2" id="tabsTwo">
            {% include 'layouts/plugins/tabs/plugin_includes/tab_content.twig' %}
        </div> <!-- .tabs js_tabs -->
        <a href="#" class="button js_disable2">destroy</a>

        <h2>Change initial active tab</h2>
        <div class="tabs js_tabs3" id="tabsThree">
            {% include 'layouts/plugins/tabs/plugin_includes/tab_content.twig' %}
        </div> <!-- .tabs js_tabs -->
        <a href="#" class="button js_disable3">destroy</a>
    </div> <!-- .contentPageWrap -->

</div> <!-- .pageWrap -->

{% endblock %}
