https://goodnaturehotels.com/wp-content/themes/addd-theme/assets/scripts/main.js

1!(function (n) {
2  "use strict";
3
4  $("#sp-header").removeClass("is-open");
5  $(".sp-menu .menu-trigger").on("click", function () {
6    if ($(this).hasClass("is-active")) {
7      $(this).removeClass("is-active");
8      $(".main").removeClass("is-open");
9      $("#sp-header").removeClass("is-open");
10      $(".menu-trigger__text").text("menu");
11    } else {
12      // $('.sp-menu__reserve__button').removeClass('is-active');
13      // $('.sp-menu__reserve__button').stop().next('.reserve').slideUp();
14      // $(".sp-menu__reserve__button__text").text('book');
15      $(".main").removeClass("is-open");
16      $(".sp-menu .menu-trigger").removeClass("is-active");
17
18      $(this).addClass("is-active");
19      $(".main").addClass("is-open");
20      $("#sp-header").addClass("is-open");
21      $(".menu-trigger__text").text("close");
22    }
23  });
24
25  //ハンバーガー予約ボタン
26  // $('.sp-menu__reserve__button').on('click',function(){
27  //   if($(this).hasClass('is-active')){
28  //     $(this).removeClass('is-active');
29  //     $(this).next('.reserve').stop().slideUp();
30  //     $(".sp-menu__reserve__button__text").text('book');
31  //   } else {
32  //     $('#sp-header').removeClass('is-open');
33  //     $(".menu-trigger__text").text('menu');
34  //     $('.sp-menu .menu-trigger').removeClass('is-active');
35  //     $('.sp-menu .menu-trigger').removeClass('is-open');
36
37  //     $(this).addClass('is-active');
38  //     $(this).next('.reserve').stop().slideDown();
39  //     $(".sp-menu__reserve__button__text").text('close');
40  //   }
41  // });
42
43  $(window).on("load resize", function () {
44    if (window.matchMedia("(max-width: 1049px)").matches) {
45    } else {
46      // 1049px以上
47      $(".pc-menu").hover(
48        function () {
49          if (!$(this).hasClass("is-unactive")) {
50            $(this).addClass("is-active");
51            $(".main").addClass("is-open");
52            $("#pc-header").addClass("is-open");
53            $(".reserve-btn").addClass("is-full").removeClass("is-active");
54            $(".reserve-pc").removeClass("is-open");
55            $(".reserve-btn__text").text("book");
56          }
57        },
58        function () {
59          if (!$(this).hasClass("is-unactive")) {
60            $(".reserve-btn").removeClass("is-full").removeClass("is-active");
61            $(this).removeClass("is-active");
62            $(".main").removeClass("is-open");
63            $("#pc-header").removeClass("is-open");
64          }
65        }
66      );
67      // $('.reserve-btn').hover(
68      //   function() {
69      //     if(! $(this).prev('.pc-menu').hasClass('is-unactive')){
70      //       $(this).prev('.pc-menu').addClass('is-active');
71      //       $('.main').addClass('is-open');
72      //       $('#pc-header').addClass('is-open');
73      //       $(this).addClass('is-full');
74      //       $('.reserve-pc').removeClass('is-open');
75      //       $(".reserve-btn__text").text('book')
76      //     }
77      //     },
78      //     function() {
79      //       if(! $(this).prev('.pc-menu').hasClass('is-unactive')){
80      //         $(this).removeClass('is-full');
81      //         $(this).prev('.pc-menu').removeClass('is-active');
82      //         $('.main').removeClass('is-open');
83      //         $('#pc-header').removeClass('is-open');
84      //       }
85      //     }
86      // );
87    }
88  });
89
90  $(".reserve-btn").on("click", function () {
91    // if($(this).hasClass('is-active')){
92    //   $(this).removeClass('is-active');
93    //   $('.reserve-pc').removeClass('is-open');
94    //   $(".reserve-btn__text").text('book');
95    //   $(this).prev('.pc-menu').addClass('is-active');
96    //   $('.main').addClass('is-open');
97    //   $('#pc-header').addClass('is-open');
98    //   $(this).addClass('is-full');
99    //   $('.reserve-pc').removeClass('is-open');
100    // } else {
101    //   $(this).addClass('is-active');
102    //   $('.reserve-pc').addClass('is-open');
103    //   $(".reserve-btn__text").text('close')
104    //   $(this).removeClass('is-full');
105    //   $(this).prev('.pc-menu').removeClass('is-active');
106    //   $('.main').removeClass('is-open');
107    //   $('#pc-header').removeClass('is-open');
108    // }
109  });
110
111  $(window).on("load resize", function () {
112    if (window.matchMedia("(min-width: 1451px)").matches) {
113      $(".slide-image").waypoint(
114        function (direction) {
115          var activePoint = $(this.element);
116          if (direction === "down") {
117            activePoint.addClass("is-fixed");
118          } else {
119            activePoint.removeClass("is-fixed");
120          }
121        },
122        { offset: "10%" }
123      );
124
125      $(".slide-text__text:last-child").waypoint(
126        function (direction) {
127          var activePoint = $(this.element);
128          if (direction === "down") {
129            $(".slide-image").css("opacity", "0");
130          } else {
131            $(".slide-image").css("opacity", "1");
132          }
133        },
134        { offset: "30%" }
135      );
136    }
137  });
138
139  //テーブルスクロール
140  $(".table-scroll").on("touchstart click", function () {
141    $(this).addClass("is-checked");
142  });
143
144  if (
145    $(".section").hasClass("section-bg-columns") ||
146    $(".section").hasClass("section-amenities")
147  ) {
148    $("body").find(".footer").addClass("stick-top");
149  }
150
151  const a = n(".js-faq-button");
152  function o() {
153    n(".js-table-scroll").each(function () {
154      for (var t = n(this), i = t.length, e = 0; e <= i; e++)
155        !(function (t) {
156          t.waypoint(
157            function () {
158              t.delay(1500).queue(function () {
159                t.addClass("is-checked");
160              });
161            },
162            { offset: "50%" }
163          );
164        })(t.eq(e));
165    });
166
167    n(".js-tab li").click(function () {
168      n(".tab__content-wrapper .is-active").removeClass("is-active"),
169        n(this).find("button").addClass("is-active");
170      var t = n(this).index();
171      n(".tab__content").eq(t).addClass("is-active");
172    }),
173      n(".accordion-list__item__title__button").on("click", function () {
174        n(this).hasClass("is-active")
175          ? (n(this).removeClass("is-active"),
176            n(this).parent().next().slideUp(400))
177          : (n(this).addClass("is-active"),
178            n(this).parent().next().slideDown(400));
179      });
180  }
181
182  a.on("click", function () {
183    n(this).toggleClass("is-active"), n(this).next().slideToggle(300);
184  });
185
186  const triggers = document.querySelectorAll(".js-trigger");
187  const images = document.querySelectorAll(".js-target");

188  triggers.forEach((trigger) => {
189    trigger.addEventListener("mouseover", (e) => {
190      const item = e.currentTarget;
191      const target = item.getAttribute("data-target");
192      const current = document.getElementById(target);
193      images.forEach((image) => {
194        image.classList.remove("current");
195      });
196      current.classList.add("current");
197    });
198  });
199
200  //タブ
201  $(".reserve__list li").click(function () {
202    const index02 = $(".reserve__list li").index(this);
203    $(".tab .tab__item").css("display", "none");
204    $(".tab .tab__item").eq(index02).fadeIn();
205    $(".reserve__list li").removeClass("is-active");
206    $(this).addClass("is-active");
207  });
208})(jQuery, NAME_SPACE);
209
210//フォーム
211$('.form__agree input[type="checkbox"]').change(function () {
212  if ($(this).prop("checked") != true) {
213    // チェックが入っていなかった場合
214    $("body").find(".button--submit").removeClass("is-active");
215  } else {
216    // チェックが入っていた場合
217    $("body").find(".button--submit").addClass("is-active");
218  }
219});
220
221//ニュース
222$("#js-news-palmtop-select-menu").on("change", function () {
223  var val = $("#js-news-palmtop-select-menu").val();
224  window.location.href = val;
225});
226
227$(window).on("load", function () {
228  var i = 0;
229  $("#js-news-palmtop-select-menu option").each(function (index) {
230    var val = $(this).val();
231    if (val == window.location.href) {
232      $("#js-news-palmtop-select-menu option[value='" + val + "']").prop(
233        "selected",
234        true
235      );
236    }
237  });
238});
239
240//ヘッダー アクティブ
241var pageURL = location.pathname,
242  pageURLArr = pageURL.split("/"),
243  pageURLArrCategory = pageURLArr[1];
244
245$(".header__menu__nav__list__item a").each(function () {
246  var selfhref = $(this).attr("href"),
247    hrefArr = selfhref.split("/"),
248    hrefArrCategory = hrefArr[1];
249  if (pageURLArrCategory === hrefArrCategory) {
250    $(this).addClass("is-current");
251  }
252});
253
254$(window).on("load", function () {
255  const swiper = new Swiper(".swiper", {
256    loop: true,
257    speed: 1000,
258    slidesPerView: 1,
259    centeredSlides: false,
260    loopAdditionalSlides: 2,
261    navigation: {
262      nextEl: ".swiper-button-next",
263      prevEl: ".swiper-button-prev",
264    },
265  });
266
267  const swiper2 = new Swiper(".swiper2", {
268    loop: true,
269    speed: 1000,
270    slidesPerView: 1,
271    centeredSlides: false,
272    loopAdditionalSlides: 3,
273    navigation: {
274      nextEl: ".swiper-button-next",
275      prevEl: ".swiper-button-prev",
276    },
277  });
278  // const swiper3 = new Swiper(".mySwiper", {
279  //   loop: true,
280  //   speed: 1000,
281  //   slidesPerView: 1,
282  //   centeredSlides: false,
283  //   loopAdditionalSlides: 3,
284  //   navigation: {
285  //     nextEl: ".swiper-button-next",
286  //     prevEl: ".swiper-button-prev",
287  //   },
288  // });
289  const swiper4 = new Swiper(".mySwiper1", {
290    // slidesPerView: 3,
291    // spaceBetween: 30,
292    loop: true,
293    speed: 1000,
294    centeredSlides: true,
295    loopAdditionalSlides: 1,
296    navigation: {
297      nextEl: ".swiper-button-next",
298      prevEl: ".swiper-button-prev",
299    },
300    breakpoints: {
301     767: {
302        slidesPerView: 1,
303        centeredSlides: true,
304      },
305      900: {
306        slidesPerView: 1.3,
307        centeredSlides: true,
308        slidesPerGroup: 1
309      },
310      1029: {
311        slidesPerView: 1.6,
312        centeredSlides: true,
313        slidesPerGroup: 1
314      },
315      1200: {
316        slidesPerView: 3,
317        centeredSlides: false,
318        slidesPerGroup: 1,
319        initialSlide: 0
320      },
321      1600: {
322        slidesPerView: 3,
323        centeredSlides: false,
324        slidesPerGroup: 1,
325        initialSlide: 0
326      },
327      1800: {
328        slidesPerView: 2.8,
329        centeredSlides: false,
330        slidesPerGroup: 1,
331        initialSlide: 0
332      },
333      2000: {
334        slidesPerView: 2.8,
335        centeredSlides: false,
336        slidesPerGroup: 1,
337        initialSlide: 0
338      },
339    },
340    
341  });
342});
343
344$(function () {
345  // smooth scroll
346  const linear = new SmoothScroll('a[href^="#"]', {
347    easing: "linear",
348    speed: 300,
349    header: "[data-scrolheader]",
350  });
351
352  //クリッカブルマップをレスポンシブ化
353  $("img[usemap]").rwdImageMaps();
354
355  //fancybox設定
356  $('[data-fancybox="gallery0"]').fancybox({
357    smallBtn: true,
358  });
359  $('[data-fancybox="gallery1"]').fancybox({
360    smallBtn: true,
361  });
362  $('[data-fancybox="gallery2"]').fancybox({
363    smallBtn: true,
364  });
365
366  // 変数を要素をセット
367  const $filter = $(".filter-list [data-filter]");
368  const $item = $(".filter-item [data-item]");
369  $filter.click(function (e) {
370    e.preventDefault();
371    const $this = $(this);
372    $filter.removeClass("is-active");
373    $this.addClass("is-active");
374
375    // クリックした要素のdata属性を取得
376    var $filterItem = $this.attr("data-filter");
377
378    $item
379      .removeClass("is-active")
380      .fadeOut()
381      .promise()
382      .done(function () {
383        $item
384          .filter('[data-item = "' + $filterItem + '"]')
385          .addClass("is-active")
386          .fadeIn();
387      });
388  });
389
390  $(window).on("load", function (e) {
391    e.preventDefault();
392    $item
393      .removeClass("is-active")
394      .fadeOut()
395      .promise()
396      .done(function () {
397        $item.filter('[data-item = "cat1"]').addClass("is-active").fadeIn();
398      });
399  });
400});
401
402// $(function () {
403//   const userLanguage = navigator.language || navigator.languages[0];
404//   console.log(userLanguage)
405
406//   if (userLanguage.startsWith('en')) {
407//     window.location.href = '/';
408//   } else if (userLanguage.startsWith('ja')) {
409//     window.location.href = '/ja/home-ja/';
410//   }
411// });