<ul class="nav nav-tabs" id="MyTabs">
<li><a href="#tab1">Flight</a></li>
<li id="liHotels"><a href="#tab2">Hotels</a></li>
<li><a href="#tab3">International Flight</a></li>
<li id="liRail"><a href="#tab4">Rail</a></li>
<li><a href="#tab5">Bus</a></li>
</ul>
<div id="tab1" class="tab_content">1</div>
<div id="tab2" class="tab_content">2</div>
<div id="tab3" class="tab_content">3</div>
<div id="tab4" class="tab_content">4</div>
<div id="tab5" class="tab_content">5</div>
<script type="text/javascript">
$(document).ready(function () {
// to get Querystring Parameter Value On Page URL
// http://www.example.com?searchTab=hotel
if (getParameterByName('searchTab') == 'hotel' ) {
// To Activate Hotels Tab
$('#MyTabs li').removeClass("active");
$('#liHotels').addClass("active");
$('#MyTabs a[href="#tab2"]').attr("aria-expanded", "true");
$('#tab2').addClass('tab_content active in');
// To Remove all Tabs except Hotel Tab
$('#tab1').removeClass();
$('#tab3').removeClass();
$('#tab4').removeClass();
$('#tab5').removeClass();
$('#tab1').addClass('tab_content');
$('#tab3').addClass('tab_content');
$('#tab4').addClass('tab_content');
$('#tab5').addClass('tab_content');
}
});
function getParameterByName(name, url) {
if (!url) {
url = window.location.href;
}
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, " "));
}
<script type="text/javascript">
<li><a href="#tab1">Flight</a></li>
<li id="liHotels"><a href="#tab2">Hotels</a></li>
<li><a href="#tab3">International Flight</a></li>
<li id="liRail"><a href="#tab4">Rail</a></li>
<li><a href="#tab5">Bus</a></li>
</ul>
<div id="tab1" class="tab_content">1</div>
<div id="tab2" class="tab_content">2</div>
<div id="tab3" class="tab_content">3</div>
<div id="tab4" class="tab_content">4</div>
<div id="tab5" class="tab_content">5</div>
<script type="text/javascript">
$(document).ready(function () {
// to get Querystring Parameter Value On Page URL
// http://www.example.com?searchTab=hotel
if (getParameterByName('searchTab') == 'hotel' ) {
// To Activate Hotels Tab
$('#MyTabs li').removeClass("active");
$('#liHotels').addClass("active");
$('#MyTabs a[href="#tab2"]').attr("aria-expanded", "true");
$('#tab2').addClass('tab_content active in');
// To Remove all Tabs except Hotel Tab
$('#tab1').removeClass();
$('#tab3').removeClass();
$('#tab4').removeClass();
$('#tab5').removeClass();
$('#tab1').addClass('tab_content');
$('#tab3').addClass('tab_content');
$('#tab4').addClass('tab_content');
$('#tab5').addClass('tab_content');
}
});
function getParameterByName(name, url) {
if (!url) {
url = window.location.href;
}
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, " "));
}
<script type="text/javascript">
No comments:
Post a Comment