/Javascript/Bootstrap/Bootstrap set active tab javascript

Bootstrap set active tab javascript

Make Bootstrap tab Active on the bases of URL link

var url = window.location.href;
var activeTab = url.substring(url.indexOf("#") + 1);
 $(".tab-pane").removeClass("active in");

$("#" + activeTab).addClass("active in");

$('a[href="#'+ activeTab +'"]').tab('show')

Source: stackoverflow.com

Bootstrap set active tab javascript

$(document).ready(function(){
    activaTab('aaa');
});

function activaTab(tab){
    $('.nav-tabs a[href="#' + tab + '"]').tab('show');
};

-1

Similar codes

44 votes332 views5 answers
Breakpoint bootstrap
CSS Bootstrap
0 vote317 views1 answer
How to remove the top border from table react bootstrap
Javascript Bootstrap
0 vote345 views1 answer
React bootstrap carousel not working
CSS Bootstrap
0 vote324 views1 answer
Bootstrap-navbar-container-fluid
CSS Bootstrap
-2 votes311 views1 answer
How to show bootstrap 5 modal using jquery
Javascript Bootstrap
0 vote331 views1 answer
Datepicker select date programmatically bootstrap
Javascript Bootstrap
98 votes380 views2 answers
Add bootstrap to react,.........,,,,
Javascript Bootstrap
255 votes441 views8 answers
Bootstrap 4 cdn
Javascript Bootstrap
0 vote322 views1 answer
How to convert json to bootstrap treeview format
Javascript Bootstrap
112 votes377 views6 answers
Import bootstrap 4 in react
Javascript Bootstrap