/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 vote164 views1 answer
Bootstrap 5 sidebar class
CSS Bootstrap
3 votes179 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS Bootstrap
1 vote168 views1 answer
Change order columns bootstrap
CSS Bootstrap
0 vote185 views1 answer
Filter bootstrap
Javascript Bootstrap
2 votes186 views1 answer
Large input box bootstrap 4
CSS Bootstrap
-1 vote115 views1 answer
Responsiveness in bootstrap
CSS Bootstrap
2 votes176 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
0 vote172 views1 answer
Check if form bootstrap is valid js
Javascript Bootstrap
0 vote196 views1 answer
React bootstrap font awesome icons
Javascript Bootstrap
33 votes183 views3 answers
React native bootstrap
Javascript Bootstrap