/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 vote359 views1 answer
React bootstrap hide toggle menu when scrolling down
Javascript Bootstrap
145 votes404 views6 answers
Import bootstrap in react
CSS Bootstrap
-1 vote305 views1 answer
Bootstrap prevent dropdown from closing on click
Javascript Bootstrap
0 vote369 views1 answer
React bootstrap button
Javascript Bootstrap
0 vote341 views1 answer
Bootstrap 4 without javascript
Javascript Bootstrap
5 votes338 views2 answers
Remove bootstrap button outline
CSS Bootstrap
1 vote362 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap
45 votes388 views6 answers
Adding bootstrap to angular
Javascript Bootstrap
0 vote355 views1 answer
Show modal in bootstrap 4
CSS Bootstrap
3 votes354 views1 answer
React bootstrap card
Javascript Bootstrap