JSFiddle - React, Tailwind, and code Playground
by NunoMira
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://rawgit.com/flatlogic/bootstrap-tabcollapse/master/bootstrap-tabcollapse.js"></script>
<ul id="myTab" class="nav nav-tabs hidden-xs" style="margin-bottom: 15px;">
<li class="active"><a href="#home" data-toggle="tab" class="js-tabcollapse-panel-heading" data-parent="" aria-expanded="true">Home</a>
</li>
<li class=""><a href="#profile" data-toggle="tab" class="js-tabcollapse-panel-heading collapsed" data-parent="" aria-expanded="false">Profile</a>
</li>
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#dropdown3" data-toggle="tab" class="js-tabcollapse-panel-heading collapsed" data-parent="" aria-expanded="false">@fat</a>
</li>
<li><a href="#dropdown4" data-toggle="tab" class="js-tabcollapse-panel-heading collapsed" data-parent="" aria-expanded="false">@mdo</a>
</li>
</ul>
</li>
</ul>
<div class="panel-group visible-xs" id="myTab-accordion"></div>
<div id="myTabContent" class="tab-content hidden-xs">
<div class="tab-pane fade active in" id="home">
<p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p>
</div>
<div class="tab-pane fade" id="profile">
<p>Light Blue - is a next generation...
JavaScript
$('#myTab').tabCollapse();