/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

0 vote408 views1 answer
React bootstrap button
Javascript Bootstrap
92 votes431 views5 answers
Bootstrap primary color code
CSS Bootstrap
0 vote416 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
9 votes368 views3 answers
Bootstrap blue outline button
CSS Bootstrap
0 vote357 views1 answer
On click a button triger a tab bootstrap 5
Javascript Bootstrap
2 votes380 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
0 vote399 views1 answer
Sticky footer bootstrap 3
CSS Bootstrap
0 vote404 views1 answer
Navbar bootstrap display items horizontally
CSS Bootstrap
0 vote326 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap
1 vote402 views1 answer
Bootstrap 4 material icon vertical align
CSS Bootstrap