<div data-cc-collapse="one-open" class="tabs">
    <div class="is-active tabs__header">
        <h3>Tab 1</h3>
    </div>
    <div class="is-active tabs__body">
        <p>tab 1 content</p>
    </div>
    <div class="tabs__header">
        <h3>Tab 2</h3>
    </div>
    <div class="tabs__body">
        <p>tab 2 content</p>
    </div>
    <div class="tabs__header">
        <h3>Tab 3</h3>
    </div>
    <div class="tabs__body">
        <p>tab 3 content</p>
    </div>
</div>

<div data-cc-collapse-mode="one-open" class="tabs js-cc-collapsible">
    <div class="is-active tabs__header">
        <h3>Tab 1</h3>
    </div>
    <div class="is-active tabs__body">
        <p>tab 1 content</p>
    </div>
    <div class="tabs__header">
        <h3>Tab 2</h3>
    </div>
    <div class="tabs__body">
        <p>tab 2 content</p>
    </div>
    <div class="tabs__header">
        <h3>Tab 3</h3>
    </div>
    <div class="tabs__body">
        <p>tab 3 content</p>
    </div>
</div>

Update tabs data attr and js class.
Update tabs data attr and js class.
