JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
     <div>
     <h3>Version Information:</h3>
     <div class="tabbable tabs-left">
         <ul class="nav nav-tabs" data-tabs="tabs">
             <li class="active">
                 <a href="#First" data-toggle="tab">1</a>
             </li>
             <li >
                 <a href="#Second" data-toggle="tab">2</a>
             </li>
             <li >
                 <a href="#Third" data-toggle="tab">3</a>
             </li>
         </ul>
         <div class="tab-content">
             <div class="tab-pane active" id="First" >
                 <p> First Content </p>
             </div>
             <div class="tab-pane" id="Second" >
                 <p> Second Content </p>
             </div>
             <div class="tab-pane" id="Third" >
                 <p> Third Content </p>
             </div>
         </div>
     </div>
     </div>

JavaScript

$(function(){
   
    $('.nav-tabs a').on('click', function (e) {
        e.preventDefault();
        $(this).tab('show');
    });
    
});