/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 vote126 views1 answer
Price range slider bootstrap 4
Javascript Bootstrap
-2 votes181 views2 answers
How will it look when there is a container inside a a row bootstrap
Javascript Bootstrap
3 votes189 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS Bootstrap
55 votes274 views5 answers
Bootstrap 3 button
CSS Bootstrap
0 vote191 views1 answer
Filter bootstrap
Javascript Bootstrap
6 votes188 views4 answers
Bootstrap not working in angular
Javascript Bootstrap
14 votes196 views6 answers
Bootstrap image size
CSS Bootstrap
1 vote204 views2 answers
How to navigate with navintems for react-bootstrap without refreshing the whole page
Javascript Bootstrap
0 vote164 views1 answer
Bootstrap dropdown not working in angular 8
Javascript Bootstrap
0 vote172 views1 answer
Row smaller than the container bootstrap react
Javascript Bootstrap