Gives bootstrap-tab ajax capabilities as a jQuery plugin
Minimum required html markup:
<div>
<ul id="index-tabs" class="nav nav-tabs">
<li><a id="tab1" href="/your_url_1" data-toggle="tab">Tab Header 1</a></li>
<li><a id="tab2" href="/your_url_2" data-toggle="tab">Tab Header 2</a></li>
</ul>
</div>And finally initialize the plugin
$(document).ready(function () {
$("#index-tabs").ajaxTab();
});
//or
$(document).ready(function () {
$("#index-tabs").ajaxTab("#tab2");
});