JSFiddle - React, Tailwind, and code Playground

by Chumillas

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.css">
<script src="http://twitter.github.com/bootstrap/1.4.0/bootstrap-tabs.js"></script>
<ul class="tabs" data-tabs="tabs">
    <li class="active">
    <a href="#home">home</a>
    </li>
    <li class="">
    <a href="#example">example</a>
    </li>
</ul>
<div id="my-tab-content" class="tab-content">
    <div class="tab-pane active" id="home">
        <p>
            blablabla example tab 1
        </p>
    </div>
    <div class="tab-pane" id="example">
        <p>
            example tab 2
        </p>
    </div>
</div>

JavaScript

$('.tabs').tabs();

// Commented because I cant obtain the hash here, in jsfiddle.net. We assume that the hash was received.
//if (window.location.hash == "#example") {
$('li.active').removeClass();
$('ul.tabs li:nth-child(2)').addClass('active');
//}