<div id="tabs_container" class="clearfix">
<ul id="tabs" class="list-unstyled">
<li class="active"><a class="head_tab2 head_tabs" href="#content_tab2" data-src=".head_tab2" data-crs="#carousel_tab2">{PHP.text}</a></li>
</ul>
</div>
</div>
<div id="tabs_content_container" class="col-md-24">
<div id="#content_tab2" class="content_tabs list_carousel responsive" style="display:none">
<ul id="carousel_tab2" data-prev="#prev_tab2" data-next="#next_tab2" class="list-unstyled clearfix">
<li class="col-md-22 items">
<div class="description" itemprop="description">
<!-- text -->
{TEXT}
</div>
</li>
</ul>
</div>
<div class="container">
<div class="row">
<h1>Bootstrap Tabs</h1>
<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
<li><a href="#tab2" data-toggle="tab">Section 2</a></li>
<li><a href="#tab3" data-toggle="tab">Section 3</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1">
<p>I'm in Section 1.</p>
</div>
<div class="tab-pane" id="tab2">
<p>I'm in Section 2.</p>
</div>
<div class="tab-pane" id="tab3">
<p>I'm in Section 3.</p>
</div>
</div>
</div>
</div>
</div>
$(function(){
var hash = window.location.hash;
hash && $('ul.nav a[href="' + hash + '"]').tab('show');
$('.nav-tabs a').click(function (e) {
$(this).tab('show');
var scrollmem = $('body').scrollTop();
window.location.hash = this.hash;
$('html,body').scrollTop(scrollmem);
});
});