https://www.city.sabae.fukui.jp/js/mainmenu.js

1    $(function(){  
2        var handler = $('#mainmenu ul li a');  
3        var url = document.URL;  
4        var urlId = url.substr(url.lastIndexOf('#'));  
5        var urlIdJudgment = urlId.lastIndexOf('#');  
6        $('#mainmenu ul').each(function(){
7        	$('#extra-menu > div').hide();
8            $('#extra-menu > div:first').show()
9                var imgSrc = $('#mainmenu ul li:first img').attr('src');
10                var imgDot = imgSrc.lastIndexOf('.');  
11                var onSrc = imgSrc.substr(0, imgDot) + '_on' + imgSrc.substr(imgDot, 5);  
12                $('#mainmenu ul li:first img').attr('src',onSrc).addClass('tab-on');  
13        });  
14        // クリック時の動作  
15        handler.click(function() {  
16            // クリックしたタブ画像をオンの状態に  
17            var imgSrc = $(this).children('img').attr('src').replace(/_hover/g, "");  
18            var imgDot = imgSrc.lastIndexOf('.');  
19            var onSrc = imgSrc.substr(0, imgDot) + '_on' + imgSrc.substr(imgDot, 5);  
20            $(this).children('img').attr('src',onSrc);  
21            // タブ画像の切り替え  
22            var imgOff = $('#mainmenu ul li img.tab-on').attr('src').replace(/_on/g, "");  
23            $('#mainmenu ul li img.tab-on').attr('src',imgOff);  
24            $('#mainmenu ul li img').removeClass('tab-on');  
25            $(this).children('img').addClass('tab-on');  
26            // コンテンツの切り替え  
27            var clickAttrDot = $(this).attr('href').lastIndexOf('#');
28            var clickAttr = $(this).attr('href').substr(clickAttrDot);  
29            var showAttr = '#' + $('#extra-menu > div:visible').attr('id');  
30            if(clickAttr !== showAttr) {  
31                $('#extra-menu > div:visible').hide();
32                var showDiv = '#extra-menu div' + clickAttr;  
33//                $(showDiv).filter(this.hash).fadeIn(800);
34                $(showDiv).filter(this.hash).fadeIn(300);
35                return false;
36            }
37            else {  
38                // 何度もクリックした場合もタブ画像をオンの状態に  
39                var imgSrc = $(this).children('img').attr('src').replace(/_on/g, "");  
40                var imgDot = imgSrc.lastIndexOf('.');  
41                var onSrc = imgSrc.substr(0, imgDot) + '_on' + imgSrc.substr(imgDot, 5);  
42                $(this).children('img').attr('src',onSrc);  
43                return false;  
44            }  
45        })  
46        // ロールオーバー  
47        handler.hover(function() {  
48            var classJudgment = $(this).children('img').attr('class');  
49            if(classJudgment === void 0 || classJudgment.indexOf('tab-on') == -1) {  
50                var imgSrc = $(this).children('img').attr('src');  
51                var imgDot = imgSrc.lastIndexOf('.');  
52                var onSrc = imgSrc.substr(0, imgDot) + '_hover' + imgSrc.substr(imgDot, 5);  
53                $(this).children('img').attr('src',onSrc);  
54            }  
55        }, function() {  
56            var classJudgment = $(this).children('img').attr('class');  
57            if(classJudgment === void 0 || classJudgment.indexOf('tab-on') == -1) {  
58                var imgOff = $(this).children('img').attr('src').replace(/_hover/g, "");  
59                $(this).children('img').attr('src',imgOff);  
60            }  
61        });  
62    });