/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

0 vote309 views1 answer
React bootstrap hide toggle menu when scrolling down
Javascript Bootstrap
6 votes316 views4 answers
Angular bootstrap not working
Javascript Bootstrap
2 votes258 views1 answer
Can't import react bootstrap
Javascript Bootstrap
4 votes242 views4 answers
Bootstrap modal popup disable click outside
Javascript Bootstrap
1 vote275 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript Bootstrap
0 vote260 views3 answers
Prevent click other tab bootstrap tabs
Javascript Bootstrap
42 votes351 views5 answers
Npm bootstrap
CSS Bootstrap
20 votes300 views2 answers
Bootstrap screen sizes
CSS Bootstrap
0 vote258 views3 answers
How to Set focus to first text input in a bootstrap modal after shown
Javascript Bootstrap
40 votes358 views6 answers
How to add bootstrap in angular
Javascript Bootstrap