JSFiddle - React, Tailwind, and code Playground

by Prajeesh_PR

HTML

<link rel="stylesheet" href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css">
<script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tab.js"></script>
<select class="select-tabs">
    <option data-target="#home">Home</option>
    <option data-target='#profile'>Profile</option>
    <option data-target='#messages'>Messages</option>
    <option data-target='#settings'>Settings</option>
</select>
<div class="tab-content">
    <div class="tab-pane active" id="home">Home content</div>
    <div class="tab-pane" id="profile">Profile content</div>
    <div class="tab-pane" id="messages">Messages content</div>
    <div class="tab-pane" id="settings">Settings content</div>
</div>

JavaScript

$('select').on('change', function () {
    $(':selected', this).tab('show');
});