tab遷移

title.html

/service.html?tab=2

title.js

$(function(){

  function activateTab(index){
    $('.tab-index li').removeClass('active');
    $('.tab-index li').eq(index).addClass('active');

    $('.tab-contents section').removeClass('active');
    $('.tab-contents section').eq(index).addClass('active');
  }

  // クリック時
  $('.tab-index li').on('click', function(){
    const index = $(this).index();
    activateTab(index);
  });

  // URLパラメータ取得
  const params = new URLSearchParams(window.location.search);
  const tab = params.get('tab');

  if(tab !== null){
    activateTab(parseInt(tab));
  } else {
    activateTab(0); // デフォルト
  }

});