https://with-house.jp/js/re_new_202407.js

1Common.do(function () {
2  //各プラン詳細の開閉
3  $(function () {
4    w = $(window).width();
5    if (w <= 640) {
6      $(".sec_detail .accordion-btnSub").css({
7        opacity: "0",
8        "pointer-events": "none",
9        transition: ".5s",
10      });
11      $(".sec_detail .accordion-btn").click(function () {
12        $(".sec_detail__box .planBox").fadeOut();
13        $(this).find("p").toggleClass("is-active");
14        $(this).next(".accordion-btnSub").toggleClass("is-fade");
15      });
16    }
17    //pc
18    if (w >= 640) {
19      $(".sec_detail .accordion-btnSub").hide();
20      $(".sec_detail .accordion-btn").click(function () {
21        $(".sec_detail__box .planBox").fadeOut();
22        $(this).find("p").toggleClass("is-active");
23        $(this).next(".accordion-btnSub").slideToggle();
24      });
25    }
26  });
27
28  //火葬場情報の開閉(モバイル)
29  $(function () {
30    $(".sec_cremation__list-sp .accordion-btnSub").css({
31      opacity: "0",
32      "pointer-events": "none",
33      transition: ".5s",
34    });
35    $(".sec_cremation__items--sp .sec_cremation__item").hide();
36    $(".sec_cremation__list-sp .accordion-btn--sp").click(function () {
37      $(this).find("p").toggleClass("is-active");
38      $(this).next(".accordion-btnSub").toggleClass("is-fade");
39      $(this)
40        .nextAll(".sec_cremation__items--sp")
41        .find(".sec_cremation__item")
42        .fadeOut();
43    });
44  });
45
46  function checkBreakPoint() {
47    const w = $(window).width();
48    const isSp = w <= 640;
49
50    // スライダーfeature
51    const $featureSlider = $("#js-slider-feature");
52    if (isSp) {
53      if (!$featureSlider.hasClass("slick-initialized")) {
54        $featureSlider.slick({
55          arrows: true,
56          lazyLoad: "ondemand",
57          prevArrow: '<button class="arrow-common arrow-prev"></button>',
58          nextArrow: '<button class="arrow-common arrow-next"></button>',
59          slidesToShow: 1,
60        });
61      }
62    } else {
63      if ($featureSlider.hasClass("slick-initialized")) {
64        $featureSlider.slick("unslick");
65      }
66    }
67
68    // スライダーcremation
69    const $cremationSlider = $("#js-slider-cremation");
70    if (!$cremationSlider.hasClass("slick-initialized")) {
71      $cremationSlider.slick({
72        slidesToShow: isSp ? 1 : 8,
73        lazyLoad: "ondemand",
74        centerMode: isSp,
75        centerPadding: isSp ? "84px" : "0px",
76        arrows: true,
77        prevArrow: '<button class="arrow-common arrow-prev"></button>',
78        nextArrow: '<button class="arrow-common arrow-next"></button>',
79        infinite: !isSp,
80      });
81    }
82
83    // 葬儀プラン切替
84    $(document)
85      .find(".sec_detail .accordion-btnSub li")
86      .off("click.detail") // クリックイベントの重複登録防止
87      .on("click.detail", function () {
88        const idex = $(this).data("idex");
89        $(".sec_detail__box .planBox").hide();
90        $(".sec_detail__box .planBox[data-idex='" + idex + "']").fadeIn();
91      });
92
93    // 火葬場情報切替
94    $(document)
95      .find(".sec_cremation__list-sp .accordion-btnSub li")
96      .off("click.cremation") // クリックイベントの重複登録防止
97      .on("click.cremation", function () {
98        const idex = $(this).data("idex");
99        $(".sec_cremation__items--sp .sec_cremation__item").hide();
100        $(
101          ".sec_cremation__items--sp .sec_cremation__item[data-idex='" +
102            idex +
103            "']"
104        ).fadeIn();
105      });
106  }
107
108  $(window).resize(function () {
109    checkBreakPoint();
110  });
111
112  checkBreakPoint();
113});