https://www.kih.co.jp/theme/kih/js/tabbox.js

1$(function(){
2    var handler = $('ul#side_tab li a');
3    var url = document.URL;
4    var urlId = url.substr(url.lastIndexOf('#'));
5    var urlIdJudgment = urlId.lastIndexOf('#');
6    $('ul#side_tab').each(function(){
7        $('#tab-box > div:first').show();
8            var imgSrc = $('ul#side_tab li.open img').attr('src');
9            var imgDot = imgSrc.lastIndexOf('.');
10            var onSrc = imgSrc.substr(0, imgDot) + '_o' + imgSrc.substr(imgDot, 4);
11            $('ul#side_tab li.open img').attr('src',onSrc).addClass('tab-on');
12    });
13    // クリック時の動作
14    handler.click(function() {
15        // クリックしたタブ画像をオンの状態に
16        var imgSrc = $(this).children('img').attr('src').replace(/_o/g, "");
17        var imgDot = imgSrc.lastIndexOf('.');
18        var onSrc = imgSrc.substr(0, imgDot) + '_o' + imgSrc.substr(imgDot, 4);
19        $(this).children('img').attr('src',onSrc);
20        // タブ画像の切り替え
21        var imgOff = $('ul#side_tab li img.tab-on').attr('src').replace(/_o/g, "");
22        $('ul#side_tab li img.tab-on').attr('src',imgOff);
23        $('ul#side_tab li img').removeClass('tab-on');
24        $(this).children('img').addClass('tab-on');
25        // コンテンツの切り替え
26        var clickAttr = $(this).attr('href');
27        var showAttr = '#' + $('#tab-box > div:visible').attr('id');
28        if(clickAttr !== showAttr) {
29            $('#tab-box > div:visible').hide();
30            var showDiv = '#tab-box div' + clickAttr;
31            $(showDiv).show();
32            return false;
33        }
34        else {
35            // 何度もクリックした場合もタブ画像をオンの状態に
36            var imgSrc = $(this).children('img').attr('src').replace(/_o/g, "");
37            var imgDot = imgSrc.lastIndexOf('.');
38            var onSrc = imgSrc.substr(0, imgDot) + '_o' + imgSrc.substr(imgDot, 4);
39            $(this).children('img').attr('src',onSrc);
40            return false;
41        }
42    })
43    // ロールオーバー
44    handler.hover(function() {
45        var classJudgment = $(this).children('img').attr('class');
46        if(classJudgment != 'tab-on') {
47            var imgSrc = $(this).children('img').attr('src');
48            var imgDot = imgSrc.lastIndexOf('.');
49            var onSrc = imgSrc.substr(0, imgDot) + '_o' + imgSrc.substr(imgDot, 4);
50            $(this).children('img').attr('src',onSrc);
51        }
52    }, function() {
53        var classJudgment = $(this).children('img').attr('class');
54        if(classJudgment != 'tab-on') {
55            var imgOff = $(this).children('img').attr('src').replace(/_o/g, "");
56            $(this).children('img').attr('src',imgOff);
57        }
58    });
59	if(!urlIdJudgment) handler.filter("[href='" + urlId + "']").click();
60    // ↑の記述でハッシュが他ページリンクからアクセスした際に直接タブへいくことができる
61});// JavaScript Document
62