/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

2 votes252 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS Bootstrap
145 votes367 views6 answers
Import bootstrap in react
CSS Bootstrap
0 vote280 views1 answer
How to override bootstrap css in wordpress
CSS Bootstrap
0 vote182 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap
0 vote153 views1 answer
Import button react-bootstrap
Javascript Bootstrap
27 votes244 views5 answers
Angular bootstrap
Javascript Bootstrap
0 vote231 views2 answers
Scrollspy bootstrap 5
Javascript Bootstrap
0 vote328 views1 answer
Toast notification angular bootstrap 8
Javascript Bootstrap
0 vote246 views5 answers
Sweetalert to small bootstrap
CSS Bootstrap
0 vote210 views1 answer
Bootstrap-navbar-containers
CSS Bootstrap