https://www.city.hanamaki.iwate.jp/_template_/_site_/_default_/_res/js/tabs.js

1//------------------------------------------------------------------------------
2//	ƒ^ƒuØ‚è‘Ö‚¦‹@”\
3//	Copyright (C) 2018 FUTUREINN CO., LTD. All Rights Reserved.
4//------------------------------------------------------------------------------
5(function(){
6	var $ = FI.jQuery;
7
8	$(function() {
9		//ƒ^ƒu—˜—p
10		var $tabs = $( "#topics" );
11		
12		$tabs.tabs();
13
14		//--------------------------------------------------
15		//h2‚Éclass="hide"‚ð’ljÁ
16		$tabs.each(function(){
17			$(this).find("h2").addClass("hide");
18		});
19		//ƒ^ƒu‚ª‰æ‘œ‚̏ꍇ
20		$tabs.each(function(){
21			//ƒAƒNƒeƒBƒu
22			$(this).find('li.ui-tabs-active img').each(function(){
23				$(this).attr('src', $(this).attr('src').replace('_d.', '_o.'));
24			});	
25			//ƒNƒŠƒbƒN
26			$(this).find('li').click(function() {
27				if($(this).find("img").size() > 0){
28					$(this).parents("ul").find("img").each(function(){
29						$(this).attr('src', $(this).attr('src').replace('_o.', '_d.'));
30					});	
31					$(this).find("img").attr('src', $(this).find("img").attr('src').replace('_d.', '_o.'));
32				}
33			});	
34			//ƒI[ƒo[
35			$(this).find('img').hover(function(){
36				$(this).attr('src', $(this).attr('src').replace('_d.', '_o.'));
37				}, function(){
38				if (!$(this).parents('li').hasClass('ui-tabs-active')) {
39					$(this).attr('src', $(this).attr('src').replace('_o.', '_d.'));
40				}
41			});
42		});
43	});
44})();