JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#categorytaxonomy" aria-controls="profile" role="tab" data-toggle="tab">Category And Attribute</a></li>
<li role="presentation"><a href="#seo_taxonomy" aria-controls="seo_taxonomy" role="tab" data-toggle="tab">SEO</a></li>
<li role="presentation"><a href="#attributes_taxonomy" aria-controls="attributes_taxonomy" role="tab" data-toggle="tab">Attribute</a></li>
<li role="presentation"><a href="#attributes_groups_taxonomy" aria-controls="attributes_groups_taxonomy" role="tab" data-toggle="tab"> Attribute Group</a></li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="categorytaxonomy">
Category Taxonomy
</div>
<div role="tabpanel" class="tab-pane" id="seo_taxonomy">
Attributes Taxonomy
</div>
<div role="tabpanel" class="tab-pane" id="attributes_taxonomy">
Attributes Groups Taxonomy
</div>
<div role="tabpanel" class="tab-pane" id="attributes_groups_taxonomy">
SEO Taxonomy
</div>
</div>
CoffeeScript
hash = '#categorytaxonomy' # would normally be populated from window.location.hash
$("a[href=#{hash}]").click()