https://www.trc-matsubara.jp/js/conf.js?2026321109

1/* ���j���[ */
2$(function(){
3  $("#menuopen").click(function(){
4    $(".conf_bg , .search_bg , .conf , .page_control .search").fadeOut(300);
5    $("#confopen , #searchopen").removeClass("active");
6
7    $("#menu , .menu_bg").fadeToggle(300);
8    $(this).toggleClass("active");
9  });
10});
11
12/* �{���⏕ */
13$(function(){
14  $("#confopen").click(function(){
15    $(".menu_bg , .search_bg ,  #menu , .page_control .search").fadeOut(300);
16    $("#menuopen , #searchopen").removeClass("active");
17
18    $(".conf_bg , .conf").fadeToggle(300);
19    $(this).toggleClass("active");
20  });
21});
22
23/* ������ */
24$(function(){
25  $("#searchopen").click(function(){
26    $(".menu_bg , .conf_bg , #menu , .conf").fadeOut(300);
27    $("#menuopen , #confopen").removeClass("active");
28
29    $(".search_bg , .page_control .search").fadeToggle(300);
30    $(this).toggleClass("active");
31  });
32});
33
34
35$(function(){
36	$(window).on('load',function(){
37		$('#UD dl').find('dt').on('click keypress', function(){
38			if($(this).parent().hasClass('active')) {
39				$(this).parent().toggleClass('active');
40				$(this).parents('.page_control').removeClass('uo');
41			} else {
42				$(this).parent().toggleClass('active');
43				$(this).parent().addClass('active').siblings('.active').removeClass('active');
44				$(this).parents('.page_control').addClass('uo');
45			}
46		});
47		$('label.search_txt').on('click',function() {$('#search_txt').focus();});
48		$('label.search_txt,#search_txt,#srchInput').on('click focus',function() {
49			$(this).parent().parent().toggleClass('active');
50			$(this).parent().parent().addClass('active').siblings('.active').removeClass('active');
51			$('#UD dl').removeClass('active');
52			$(this).parents('.page_control').addClass('uo');
53		});
54		$('#search_txt,#srchInput').on('blur',function(e) {
55			$(this).parent().parent().toggleClass('active');
56			$(this).parents('.page_control').removeClass('uo');
57		});
58	});
59});
60
61$(function(){
62	$('table').widetable();
63});
64$( window ).resize(function(){
65	$('table').widetable();
66});
67
68
69// SUB Category Keybord
70$(window).on('load',function(){
71  $("ul#menu dl dd a")
72      .focus(function(e) {
73      $(this).parents("dl").addClass("focus");
74    })
75      .blur(function(e) {
76      $(this).parents("dl").removeClass("focus");
77    })
78});
79
80
81// SUB TOP listmenu
82$(function(){
83  $(".listopen").click(function(){
84    $(this).next("ul").slideToggle(300);
85    $(this).toggleClass("active");
86    if ($(this).hasClass("active")){
87      $("img",this).attr("src",$("img",this).attr("src").replace(/_open.png/,'_close.png'));
88    } else {
89      $("img",this).attr("src",$("img",this).attr("src").replace(/_close.png/ , '_open.png'));
90    }
91  });
92});
93
94
95// GNAV���Œ肷��
96$(function(){
97	var nav_offset = $(".menu_global").offset().top;  
98	$(window).on("load",function(){
99		var now_offset = $(window).scrollTop();
100		if ( now_offset >= nav_offset ) {
101			$(".menu_global , #main").addClass("fit");
102		}
103	});  
104	$(window).on("scroll resize",function(){
105		var now_offset = $(window).scrollTop();
106		// console.log(now_offset, nav_offset);
107		if ( now_offset >= nav_offset ) {
108			$(".menu_global , #main").addClass("fit");
109		} else {
110			$(".menu_global , #main").removeClass("fit");
111		}
112	});
113});
114
115// Flag�@�t���O��class��t����
116$(window).on("scroll load",function(){
117	$('.flag_toggle').each(function(){
118		var position = $(this).offset().top;
119		var scroll = $(window).scrollTop();
120		var windowHeight = $(window).height();
121		if (scroll > position - windowHeight + 80){
122			$(this).addClass('active');
123		} else {
124			$(this).removeClass("active"); // ����������
125		}
126	});
127});
128
129
130// Flag�@�t���O��class��t�����ςȂ�
131$(window).on("scroll load",function(){
132	$('.flag_on').each(function(){
133		var position = $(this).offset().top;
134		var scroll = $(window).scrollTop();
135		var windowHeight = $(window).height();
136		if (scroll > position - windowHeight + 80){
137			$(this).addClass('active');
138		}
139	});
140});
141
142
143/* �^�u���j���[ */
144$(function(){
145  $('.tabmenu .division').hide();
146  $('.tabmenu .division:first').show();
147  $('.tabmenu .menu [class^=tab]:first').addClass('active');
148  $('.tabmenu h2[class^=tab]:first').addClass('active');
149  $('.tabmenu [class^=tab] a').click(function() {
150    $('.tabmenu [class^=tab]').removeClass('active');
151    $(this).parent('.menu__list').addClass('active');
152    $('.tabmenu .division').hide();
153    $($(this).attr('rel')).fadeIn();
154    return false;
155  });
156});
157