/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

1 vote405 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap
32 votes365 views6 answers
Alert bootstrap
CSS Bootstrap
0 vote399 views2 answers
Fixed footer in Bootstrap
CSS Bootstrap
0 vote383 views1 answer
Horizontal cards react bootstrap
Javascript Bootstrap
127 votes454 views4 answers
React import bootstrap css
CSS Bootstrap
238 votes509 views5 answers
Include bootstrap
CSS Bootstrap
145 votes446 views6 answers
Import bootstrap in react
CSS Bootstrap
13 votes385 views2 answers
Bootstrap Aligning images
CSS Bootstrap
0 vote385 views1 answer
React js bootstrap select option required
Javascript Bootstrap
11 votes406 views3 answers
Bootstrap 4.6 npm
Javascript Bootstrap