JSFiddle - React, Tailwind, and code Playground

by suhail

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<div class="container-fluid">
  <div class="row">
    <div id="hai" data-toggle="tab" data-target="#div1" class="col-xs-4">
      1
    </div>
    <div data-toggle="tab" data-target="#div2" class="col-xs-4">
      2
    </div>
    <div data-toggle="tab" data-target="#div3" class="col-xs-4">
      3
    </div>
  </div>
</div>
<div class="tab-content">
  <div id="div1" class="tab-pane">
    content 1
  </div>
  <div id="div2" class="tab-pane">
    content 2
  </div>
  <div id="div3" class="tab-pane">
    content 3
  </div>
</div>

JavaScript

setTimeout(function() {
  $('[data-target="#div2"]').tab('show');
}, 20);