https://www.sunsho.co.jp/jp/js/common.js?20210419

1
2$(function() {
3
4	var w = $(window).width();
5	var x = 768;
6	if (w <= x) {//768px以下（SP）なら下記を実行
7
8		//fotter Nav
9		$("#fNavBl > ul > li > ul").css("display","none");
10		$('#fNavBl > ul > li:has( > ul)').addClass('more-icon');
11		$("#fNavBl > ul > li > ul").slideUp();
12		$("#fNavBl > ul > li").click(function() {
13			if ($(this).hasClass('more-icon')) {
14				$(this).removeClass('more-icon');
15				$(this).addClass('close-icon');
16				$('ul',this).slideDown();
17			} else if ($(this).hasClass('close-icon')) {
18				$(this).removeClass('close-icon');
19				$(this).addClass('more-icon');
20				$('ul',this).slideUp();
21			}
22		});
23
24		$("#fNavBl > ul > li > ul > li > a").on('click',function(event){
25			event.preventDefault();
26			var linkUrl = $(this).attr('href');
27			function action() {
28				location.href = linkUrl;
29			}
30			setTimeout(action,500);
31		});
32
33		//fotter toTop BT(SP)
34		$(window).on('load scroll', function() {
35			var doch = $(document).innerHeight();
36			var winh = $(window).innerHeight();
37			var bottom = doch - winh;
38			if (bottom - 638 <= $(window).scrollTop()) {
39				$('#toTop a').addClass('fix-animation');
40			} else {
41				$('#toTop a').removeClass('fix-animation');
42			}
43			var scrollPos = $(this).scrollTop();
44			if ( scrollPos > 200 ) {
45				$('#toTop a').fadeIn();
46			} else {
47				$('#toTop a').fadeOut();
48			}
49		});
50
51	} else {
52
53		//top(3つの強み/会社情報) topics hover
54		$("a.piece").hover(function() {
55			if ($(this).hasClass('on')) {
56				$(this).removeClass('on');
57			} else {
58				$(this).addClass('on');
59			}
60		});
61
62		//fotter toTop BT (PC)
63		$(window).on('load scroll', function() {
64			var doch = $(document).innerHeight();
65			var winh = $(window).innerHeight();
66			var bottom = doch - winh;
67			if (bottom - 380 <= $(window).scrollTop()) {
68				$('#toTop a').addClass('fix-animation');
69			} else {
70				$('#toTop a').removeClass('fix-animation');
71			}
72			var scrollPos = $(this).scrollTop();
73			if ( scrollPos > 200 ) {
74				$('#toTop a').fadeIn();
75			} else {
76				$('#toTop a').fadeOut();
77			}
78		});
79
80	}
81
82// カレント表示
83	$("#gNav a, nav a").each(function(){
84		if(this.href == location.href) {
85			$(this).addClass("is-active");
86		}
87	});
88
89});
90
91
92
93
94
95$(function() {
96
97	var w = $(window).width();
98	var x = 930;
99	if (w >= x) {//930px以上（PC）なら下記を実行
100
101		$(window).on('load scroll', function() {
102			var scrollPos = $(this).scrollTop();
103			if ( scrollPos > 100 ) {
104				$('header').addClass('is-animation');
105			} else {
106				$('header').removeClass('is-animation');
107			}
108		});
109
110		$('#gNav li').hover(function() {
111			$(this).find('.gCont').stop().slideDown();
112		}, function() {
113			$(this).find('.gCont').stop().slideUp();
114		});
115
116	} else {
117
118		//.openNav を付加・削除
119		$('#navToggle').click(function(){
120			$('header, header > #inner > ul, section, footer').toggleClass('openNav');
121			$('nav > ul > li:has( > ul)').addClass('more-icon');
122			$('nav > ul > li > ul > li:has( > ul)').addClass('moreSub-icon');
123		});
124
125		$('nav > ul > li > span').click(function() {
126			if ($(this).parent('li').hasClass('more-icon')) {
127				$(this).parent('li').removeClass('more-icon');
128				$(this).parent('li').addClass('close-icon');
129				$(this).parent('li').children("ul").slideDown();
130			} else if ($(this).parent('li').hasClass('close-icon')) {
131				$(this).parent('li').removeClass('close-icon');
132				$(this).parent('li').addClass('more-icon');
133				$(this).parent('li').children("ul").slideUp();
134			}
135		});
136
137		$('nav > ul > li > ul > li').click(function() {
138			if ($(this).hasClass('moreSub-icon')) {
139				$(this).removeClass('moreSub-icon');
140				$(this).addClass('closeSub-icon');
141				$(this).children("ul").slideDown();
142			} else if ($(this).hasClass('closeSub-icon')) {
143				$(this).removeClass('closeSub-icon');
144				$(this).addClass('moreSub-icon');
145				$(this).children("ul").slideUp();
146			}
147		});
148
149		$("nav > ul > li > ul > li > a").on('click',function(event){
150			event.preventDefault();
151			var linkUrl = $(this).attr('href');
152			function action() {
153				location.href = linkUrl;
154			}
155			setTimeout(action,500);
156		});
157
158	}
159
160});
161
162
163
164
165
166$(function() {
167	var w = $(window).width();
168	var x = 1280;
169	if (w <= x) {//1280px以上なら下記を実行
170		$('#toTop a').addClass('fixRt');
171	} else {
172		$('#toTop a').removeClass('fixRt');
173	}
174});
175
176
177
178
179
180
181