https://sawayaka-mental.com/js/page_index.js

1// トップ　キービジュアル　bgswitcher ----------------------------------------
2$('#keyvsl').bgswitcher({
3  images: [
4    'img/index/keyvsl01.webp',
5    'img/index/keyvsl02.webp',
6    'img/index/keyvsl03.webp',
7    'img/index/keyvsl04.webp'
8  ],
9  interval: 5000,
10  effect: 'fade'
11});
12$('#keyvsl').delay(1000).css('visibility','visible');
13
14
15// トップ　お知らせ　アコーディオン ----------------------------------------
16$(function() {
17  const News = $('.js-news');
18  const newsHead = $('dt', News);
19	newsHead.slice(0, 3).addClass('is_open');
20	newsHead.on('click', function() {
21		$(this).toggleClass('is_open').next('dd').slideToggle();
22	});
23});
24
25
26// トリガーで出てくる要素 ----------------------------------------
27$(function() {
28	$('.js-fades').each(function() {
29		let i = 0;
30		$(this).children().each(function() {
31			$(this).css('animation-delay', i + 's');
32			i= i + 0.2;
33		});
34	});
35	$(window).on('scroll load', function(){
36		$('.js-fade, .js-fades').each(function(){
37			const imgPos = $(this).offset().top - 50,
38						scroll = $(window).scrollTop(),
39						windowHeight = $(window).height();
40		  if (scroll > imgPos - windowHeight) {
41				$(this).addClass('is_active');
42			}
43		});
44	});
45});