JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div class="tabbable">
    <ul class="nav nav-tabs">
        <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a>

        </li>
        <li><a href="#tab2" data-toggle="tab">Section 2</a>

        </li>
        <li><a href="#tab3" data-toggle="tab">Section 3</a>

        </li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="tab1">
            <p><a href="#tab2" data-toggle="tab">link</a>.</p>
        </div>
        <div class="tab-pane" id="tab2">
            <p>I'm in Section 2.</p>
        </div>
        <div class="tab-pane" id="tab3">
            <p>Howdy, I'm in Section 3</p>
        </div>
    </div>
</div>

JavaScript

$(function () {
    $('#tab1 a').click(function (e) {
        e.preventDefault();
        $('a[href="' + $(this).attr('href') + '"]').tab('show');
    })
});