https://www.toei-kenko.com/control/js/tab.js

1$(function () {
2	//要素設定
3	var tab = '#tab li';
4	var tabSelectImg = '#tab li.selected img';
5	var tabBox = '#tabBox > div';
6	var selected = 'selected';
7	//初期表示
8	$(tabBox).hide();
9	if (location.hash) {
10		$(location.hash).show();
11		$('#tab li.' + location.hash.substr(1)).addClass(selected);
12		$(tabSelectImg).attr('src', $(tabSelectImg).attr('src').replace('_of.', '_on.'));
13	} else {
14		$(tab).first().addClass(selected);
15		$(tabSelectImg).attr('src', $(tabSelectImg).attr('src').replace('_of.', '_on.'));
16		$(tabBox).first().show();
17	}
18	//クリックイベント
19	$(tab).click(function () {
20		$(tabSelectImg).attr('src', $(tabSelectImg).attr('src').replace('_on.', '_of.'));
21		$(tab).removeClass(selected);
22		$(this).addClass(selected);
23		$(tabSelectImg).attr('src', $(tabSelectImg).attr('src').replace('_of.', '_on.').replace('_ov.', '_on.'));
24		$(tabBox).hide();
25		var selectTab = $(this).find('a').attr('href');
26		location.hash = selectTab;
27		$(selectTab).fadeIn();
28		return false;
29	});
30	//タブ ホバー イベント
31	$(tab).hover(function () {
32		$('img', this).attr('src', $('img', this).attr('src').replace('_of.', '_ov.'));
33	}, function () {
34		$('img', this).attr('src', $('img', this).attr('src').replace('_ov.', '_of.'));
35	});
36});