/Javascript/Bootstrap/On click a button triger a tab bootstrap 5

On click a button triger a tab bootstrap 5

$('.select-buttons__wrapper a').each(function(){
    $(this).on('click', function(e){
      e.preventDefault();
      var tabEle = $(this).attr('href');
      $(tabEle).siblings().removeClass('active').removeClass('show');
      $(tabEle).addClass('active show');
      var relativeLink = $('[href="'+tabEle+'"');
      relativeLink.parent().siblings().find('a').removeClass('active');
      relativeLink.addClass('active');
    })
  });

Source: github.com

Similar codes

43 votes393 views6 answers
Add bootstrap to angular
Javascript Bootstrap
1 vote379 views2 answers
How to make hr class bootstrap full width
CSS Bootstrap
145 votes428 views6 answers
Import bootstrap in react
CSS Bootstrap
0 vote369 views1 answer
Showing bootstrap modal after a delay
Javascript Bootstrap
0 vote365 views1 answer
Horizontal cards react bootstrap
Javascript Bootstrap
0 vote365 views1 answer
Bootstrap 4 without javascript
Javascript Bootstrap
12 votes346 views6 answers
Bootstrap modal
Javascript Bootstrap
0 vote367 views1 answer
Bootstrap tabs click event jquery
Javascript Bootstrap
2 votes360 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
27 votes372 views5 answers
Angular bootstrap
Javascript Bootstrap