https://ndn-news.co.jp/wp-content/themes/NDN/assets/js/scripts.js?ver=?20260924

1// smooth scroll
2$(function() {
3	var scroll = new SmoothScroll('a[href*="#"]');
4});
5
6// swiper
7$(function() {
8	var swiper = new Swiper('.pickup-list', {
9		slidesPerView: 2,
10		spaceBetween: 10,
11		centeredSlides: true,
12		loop: true,
13		speed: 1000,
14		autoplay: {
15			delay: 3500,
16		},
17		navigation: {
18			nextEl: ".swiper-button-next",
19			prevEl: ".swiper-button-prev",
20		},
21		pagination: {
22			el: '.swiper-pagination',
23			clickable: true,
24		},
25		breakpoints: {
26			1024: {
27				slidesPerView: 1,
28				effect: "fade",
29			}
30		}
31	});
32});
33
34
35// navigation
36$(function() {
37	var $header = $('#global-header'),
38		$body = $('body');
39	$wrap = $('#global-wrap');
40
41	$('#nav-toggle').on('click', function() {
42		$header.toggleClass('open');
43
44		if ($header.hasClass('open')) {
45			$wrap.addClass('no-scroll').on('touchmove.noScroll', function(e) {
46				e.preventDefault();
47			});
48		} else {
49			$wrap.removeClass('no-scroll').off('.noScroll');
50		}
51	});
52});
53
54
55// to top button
56$(function() {
57	var $toTop = $('#back-to-top');
58	$(window).scroll(function() {
59		if ($(window).scrollTop() > 600) {
60			$toTop.fadeIn(500);
61		} else {
62			$toTop.fadeOut(500);
63		}
64	});
65});
66
67
68// element fade-in
69$(function() {
70	$(window).scroll(function() {
71		$('.fadein').each(function() {
72			var elemPos = $(this).offset().top;
73			var scroll = $(window).scrollTop();
74			var windowHeight = $(window).height();
75			if (scroll > elemPos - windowHeight) {
76				$(this).addClass('slidein');
77			}
78		});
79	});
80});
81
82
83// tabs
84$(function() {
85	$('.tab').click(function() {
86		$('.is-active').removeClass('is-active');
87		$(this).addClass('is-active');
88		$('.is-show').removeClass('is-show');
89		// クリックしたタブからインデックス番号を取得
90		const index = $(this).index();
91		// クリックしたタブと同じインデックス番号をもつコンテンツを表示
92		$('.panel').eq(index).addClass('is-show');
93	});
94});
95
96
97// 過去作品アコーディオンメニュー
98$(function() {
99	$('.archive-box .year').click(function() {
100		$(this).parent('.archive-box').toggleClass('open');
101	})
102});
103
104// 汎用アコーディオンメニュー
105$(function() {
106	$('.js-accordion--parent').click(function() {
107		$(this).parent('.js-accordion').toggleClass('open');
108	})
109});