https://www.city.kaminoyama.yamagata.jp/ssi/js/toptab.js

1//タブ切り替え
2jQuery(document).ready(function($){
3
4	var commonEvent = 'click keypress';
5	var openTabNum = 0;
6	var isTabUseLocalStorage = false; //localstorageを使うときは true を入れてください
7	if(isTabUseLocalStorage){
8		// localStorage:ブラウザを閉じてもタブの情報は残ります
9		var openTabStatusStorage = localStorage;
10	}else{
11		// sessionStorage:ブラウザを閉じるとタブの情報は消えます
12		var openTabStatusStorage = sessionStorage;
13	}
14
15	function setTabStatus(){
16		if(openTabNum != null){
17			openTabStatusStorage.setItem('toppageTabStatus',openTabNum);
18		}
19	}
20	function getTabStatus(){
21		openTabNum = openTabStatusStorage.getItem('toppageTabStatus');
22		if(openTabNum == null){
23			openTabNum = 0;
24		}
25	}
26
27	function changeTabView(){
28			$('#top_tab_title li').removeClass('tab_on').eq(openTabNum).addClass('tab_on');
29			$('#top_tab_detail > div').removeClass('detail_on').hide().eq(openTabNum).addClass('detail_on').show();
30	}
31
32	$('#top_tab_detail > div').hide();	//タブ詳細を隠す
33	if (typeof sessionStorage !== 'undefined') {
34		// web strageが使える時
35		getTabStatus();
36		$('#top_tab_title li').removeClass('tab_on').eq(openTabNum).addClass('tab_on');
37		$('#top_tab_detail > div').removeClass('detail_on').hide().eq(openTabNum).addClass('detail_on').show();
38		$('#top_tab_title li').on(commonEvent,function(){
39			openTabNum = $('#top_tab_title li').index(this);
40			changeTabView();
41			setTabStatus();
42		});
43	}else{
44		// web strageが使えない時
45		openTabNum = 0;
46		$('#top_tab_title li:first-child').addClass('tab_on');
47		$('#top_tab_detail > div:first-child').addClass('detail_on').show();
48		$('#top_tab_title li').on(commonEvent,function(){
49			openTabNum = $('#top_tab_title li').index(this);
50			changeTabView();
51		});
52	}
53});// JavaScript Document
54
55//タブ切り替え2
56jQuery(document).ready(function($){
57
58	var commonEvent2 = 'click keypress';
59	var openTabNum2 = 0;
60	var isTabUseLocalStorage2 = true; //localstorageを使うときは true を入れてください
61	if(isTabUseLocalStorage2){
62		// localStorage:ブラウザを閉じてもタブの情報は残ります
63		var openTabStatusStorage2 = localStorage;
64	}else{
65		// sessionStorage:ブラウザを閉じるとタブの情報は消えます
66		var openTabStatusStorage2 = sessionStorage;
67	}
68
69	function setTabStatus2(){
70		if(openTabNum2 != null){
71			openTabStatusStorage2.setItem('toppageTabStatus',openTabNum2);
72		}
73	}
74	function getTabStatus2(){
75		openTabNum2 = openTabStatusStorage2.getItem('toppageTabStatus');
76		if(openTabNum2 == null){
77			openTabNum2 = 0;
78		}
79	}
80	function changeTabView2(){
81			$('#top_tab_title2 li').removeClass('tab_on').eq(openTabNum2).addClass('tab_on');
82			$('#top_tab_detail2 > div').removeClass('detail_on').hide().eq(openTabNum2).addClass('detail_on').show();
83	}
84
85	$('#top_tab_detail2 > div').hide();	//タブ詳細を隠す
86	if (typeof sessionStorage !== 'undefined') {
87		// web strageが使える時
88		getTabStatus2();
89		$('#top_tab_title2 li').removeClass('tab_on').eq(openTabNum2).addClass('tab_on');
90		$('#top_tab_detail2 > div').removeClass('detail_on').hide().eq(openTabNum2).addClass('detail_on').show();
91		$('#top_tab_title2 li').on(commonEvent2,function(){
92			openTabNum2 = $('#top_tab_title2 li').index(this);
93			changeTabView2();
94			setTabStatus2();
95		});
96	}else{
97		// web strageが使えない時
98		openTabNum2 = 0;
99		$('#top_tab_title2 li:first-child').addClass('tab_on');
100		$('#top_tab_detail2 > div:first-child').addClass('detail_on').show();
101		$('#top_tab_title2 li').on(commonEvent2,function(){
102			openTabNum2 = $('#top_tab_title2 li').index(this);
103			changeTabView2();
104		});
105	}
106
107});// JavaScript Document