https://www.aipf.co.jp/common/js/tab-control-service.js

1/*--------------------------------------------------------------------------*
2 *  
3 *   tab control
4 *  
5 *--------------------------------------------------------------------------*/
6 
7$(function(){
8  $('.service-flow-icon li').on('click', function(){
9    if($(this).not('active')){
10      // タブメニュー
11      $(this).addClass('active').siblings('li').removeClass('active');
12      // タブの中身
13      var index = $('.service-flow-icon li').index(this);
14      $('#service-flow-tab-content div').eq(index).addClass('active').siblings('div').removeClass('active');
15      $('.service-flow-dot li').eq(index).addClass('active').siblings('li').removeClass('active');
16		
17      // スクロールの速度
18      var speed = 300; // ミリ秒
19      // アンカーの値取得
20      var href= ("#anchor-tab");
21      // 移動先を取得
22      var target = $(href == "#" || href == "" ? 'html' : href);
23      // 移動先を数値で取得
24      var position = target.offset().top;
25      // スムーススクロール
26      $('body,html').animate({scrollTop:position}, speed, 'swing');
27      return false;
28    }
29  });
30});
31	
32$(function(){
33  $('.service-flow-dot li').on('click', function(){
34    if($(this).not('active')){
35      // タブメニュー
36      $(this).addClass('active').siblings('li').removeClass('active');
37      // タブの中身
38      var index = $('.service-flow-dot li').index(this);
39      $('#service-flow-tab-content div').eq(index).addClass('active').siblings('div').removeClass('active');
40      $('.service-flow-icon li').eq(index).addClass('active').siblings('li').removeClass('active');
41    }
42  });
43});
44
45function tab(index) {
46      $('#service-flow-tab-content div').eq(index).addClass('active').siblings('div').removeClass('active');
47      $('.service-flow-dot li').eq(index).addClass('active').siblings('li').removeClass('active');
48      $('.service-flow-icon li').eq(index).addClass('active').siblings('li').removeClass('active');
49}