https://www.shiroyama-g.co.jp/js/commonArticle.js

1// JavaScript Document
2
3// #hero
4$('#hero ul').slick({
5	dots: true,
6});
7
8
9// #tab
10$('#tab a').on('click', function(){
11	sessionStorage.setItem('scrollTarget', tab);
12});
13$(function(){
14	const targetId = sessionStorage.getItem('scrollTarget');
15	if (targetId){
16		$('html').css('scroll-behavior', 'auto');
17		if ($('#tab').length) {
18			$(window).scrollTop($('#tab').offset().top - $('#header').outerHeight() - 24);
19		}
20		sessionStorage.removeItem('scrollTarget');
21		$('html').css('scroll-behavior', 'smooth');
22	}
23});
24
25
26// #recommend
27$('#recommend section').wrap('<span>');
28$('#recommend .slide').slick({
29	dots: true,
30	slidesToShow: 4,
31	responsive: [{
32		breakpoint: 1200,
33		settings: {
34			slidesToShow: 3,
35		}
36	},{
37		breakpoint: 992,
38		settings: {
39			slidesToShow: 2,
40		}
41	},{
42		breakpoint: 576,
43		settings: {
44			slidesToShow: 1,
45		}
46	}]
47});
48
49
50// .photo
51$('.photo').each(function(){
52	var num = $(this).find('dl').length;
53	if(num > 1){
54		$(this).find('dl').wrapAll('<div class="slide">');
55		$(this).find('dl').wrap('<span>');
56	}
57});
58$('.photo .slide').slick({
59	dots: true,
60});
61
62
63// .articleSlide
64$('.articleSlide').each(function(){
65	var num = $(this).find('dl').length;
66	if(num > 1){
67		$(this).find('dl').wrapAll('<div class="slide">');
68		$(this).find('dl').wrap('<span>');
69	}
70});
71$('.articleSlide .slide').slick({
72	dots: true,
73	slidesToShow: 4,
74	responsive: [{
75		breakpoint: 1200,
76		settings: {
77			slidesToShow: 3,
78		}
79	},{
80		breakpoint: 992,
81		settings: {
82			slidesToShow: 2,
83		}
84	},{
85		breakpoint: 576,
86		settings: {
87			slidesToShow: 1,
88		}
89	}]
90});
91
92
93// #pickup
94$('#pickupTab li').click(function(){
95	var num = $('#pickupTab li').index(this);
96	$('#pickupTab li').removeClass('select');
97	$('#pickup article').removeClass('select').hide();
98	$(this).addClass('select');
99	$('#pickup article').eq(num).addClass('select').show();
100});
101$('#pickup section').wrap('<span>');
102$('#pickup .slide').slick({
103	variableWidth: true,
104	dots: true,
105	slidesToShow: 4,
106});
107$('#pickup .slide').each(function(){
108	$(this).find('.slick-arrow, .slick-dots').wrapAll('<div class="slick-control">');
109});
110
111
112// #room
113$('#roomList h4+div').hide();
114$('#roomList h4').click(function(){
115	$(this).toggleClass('open');
116	$(this).next('div').slideToggle();
117});
118
119
120// #hotspring
121$('#hotspring .slide').slick({
122	dots: true,
123});
124
125
126
127