https://angellir.jp/co-backyard/wp-content/themes/angellir/assets/js/common.js?20260930183627

1//メニューボタン
2$(function(){
3  $('.menu_trigger > *').on('click', function () {
4    $('.menu_trigger, .drawer, main, body').toggleClass('open');
5  });
6});
7if(window.matchMedia("(max-width: 768px)").matches){
8}else{
9  $(".nav_side .accordion_trigger").addClass("open");
10  $(".nav_side .accordion_contents").css('display', 'block');
11}
12
13// ページトップ
14$(function() {
15  $(window).on("scroll", function() {
16    if ($(this).scrollTop() > 150) {
17      $(".btn_pagetop").fadeIn("fast");
18    } else {
19      $(".btn_pagetop").fadeOut("fast");
20    }
21    scrollHeight = $(document).height();
22    scrollPosition = $(window).height() + $(window).scrollTop();
23    footHeight = $("footer").innerHeight();
24 
25    if ( scrollHeight - scrollPosition  <= footHeight ) {
26      $(".btn_pagetop").css({
27        // "position":"absolute",
28        "position":"fixed",
29      });
30    } else {
31      $(".btn_pagetop").css({
32        "position":"fixed",
33      });
34    }
35  });
36 
37});
38
39// バナー（swiper）
40var mySwiperBanner = new Swiper ('.swiper-container.banner', {
41  speed: 1000,
42  slidesPerView: 1,
43  spaceBetween: 25,
44  centeredSlides : true,
45  allowTouchMove: true,
46  pagination: {
47    el: '.swiper-pagination',
48    clickable: true,
49  },
50  breakpoints: {
51    769: {
52      slidesPerView: 3,
53      spaceBetween: 32,
54      autoplay: false,
55      loop: false,
56      centeredSlides: false,
57      allowTouchMove: false,
58      pagination: false,
59    }
60  }
61});
62
63//SPメニュー
64$(function(){
65  var headerHight = $('header').outerHeight();
66  $('.drawer').css({
67    'top': headerHight,
68  });
69});
70
71//SPメニューアコーディオン
72if(window.matchMedia("(max-width: 768px)").matches){
73$('.drawer_bottom h3').addClass("open");
74$('.drawer_bottom h3').next("ul.child").slideToggle();
75$('.drawer_bottom h3').on('click', function() {
76  $(this).toggleClass("open");
77	$(this).next("ul.child").slideToggle();
78});
79}else{
80}
81
82//汎用アコーディオン
83$('.accordion_trigger').on('click', function() {
84  $(this).toggleClass("open");
85	$(this).next(".accordion_contents").slideToggle();
86});
87if(window.matchMedia("(max-width: 768px)").matches){
88}else{
89  $("#frequently_viewed_questions .accordion_trigger").addClass("open");
90  $("#frequently_viewed_questions .accordion_contents").css('display', 'block');
91}
92//easy-select-boxアコーディオン
93$('.esb-displayer').on('click', function() {
94  $(this).toggleClass("open");
95	$(this).next(".esb-dropdown").slideToggle();
96});
97
98//アンカーリンク
99// $(function(){
100//   $(function () {
101//     var headerHight = $('header').outerHeight()+100;
102//     $('a[href^="#"]').click(function () {
103//       var href = $(this).attr("href");
104//       var target = $(href == "#" || href == "" ? "html" : href);
105//       var position = target.offset().top - headerHight;
106//       $("html, body").animate({ scrollTop: position }, 100, "swing");
107//       return false;
108//     });
109//   });
110// });
111
112/*お気に入りボタン関連*/
113// $(function(){
114//   var fav = [];
115//   var current_page_id = $(".p-main").data("pageid");//現在のページのIDを取得しておく
116//   checked_inspect();//現在のページがお気に入り登録済みかチェックしておく
117//   $(document).on('click','.p-fav_button',function(){
118//     var index = fav.indexOf(current_page_id);//追加するID既にお気に入りに存在している場合はそれを取り除いておく
119//     if(index > -1){
120//       fav.splice(index, 1);
121//     } else {
122//       fav.push(current_page_id);
123//     }
124//     var serializedArr = JSON.stringify( fav );//配列をcookieに受け渡す用にシリアライズしておく
125//     $.cookie("fav_item",serializedArr, { expires: 7, path: '/' });//cookieを保存する
126//     checked_inspect();//登録が終わったらお気に入り登録確認用関数を起動しておく
127//   });
128//   function checked_inspect(){//現在のページがお気に入り登録されているかどうか検査する関数
129//     fav = $.cookie("fav_item") ? JSON.parse( $.cookie("fav_item") ) : [];
130//     console.log(fav);
131//     if(fav.indexOf(current_page_id) > -1){
132//       $(".fav").addClass("is-choosen");
133//     } else {
134//       $(".fav").removeClass("is-choosen");
135//     }
136//   }
137// });
138
139/*お気に入りボタン関連*/
140$(function(){
141  var fav = [];
142  var current_page_id = $(".p-main").data("pageid");//現在のページのIDを取得しておく
143  checked_inspect();//現在のページがお気に入り登録済みかチェックしておく
144  $(document).on('click','.likeButton',function(){
145    var index = fav.indexOf(current_page_id);//追加するID既にお気に入りに存在している場合はそれを取り除いておく
146    if(index > -1){
147      fav.splice(index, 1);
148    } else {
149      fav.push(current_page_id);
150    }
151    var serializedArr = JSON.stringify( fav );//配列をcookieに受け渡す用にシリアライズしておく
152    $.cookie("fav_item",serializedArr, { expires: 7, path: '/' });//cookieを保存する
153    checked_inspect();//登録が終わったらお気に入り登録確認用関数を起動しておく
154  });
155  function checked_inspect(){//現在のページがお気に入り登録されているかどうか検査する関数
156    fav = $.cookie("fav_item") ? JSON.parse( $.cookie("fav_item") ) : [];
157    console.log(fav);
158    if(fav.indexOf(current_page_id) > -1){
159      $(".likeButton").addClass("isActive");
160    } else {
161      $(".likeButton").removeClass("isActive");
162    }
163  }
164});
165// ボタンの要素を取得
166const buttonElement = document.querySelector(".likeButton");
167const iconElement = document.querySelector(".iconImage");
168// イージング関数
169const easeOutQuart = "cubic-bezier(0.25, 1, 0.5, 1)";
170const easeInQuart = "cubic-bezier(0.5, 0, 0.75, 0)";
171// ハートのキーフレームアニメーション
172const keyframes = [
173  { scale: 1 },
174  { scale: 0.6, offset: 0.3, easing: easeInQuart },
175  {
176    scale: 1.4,
177    offset: 0.5,
178    easing: easeOutQuart,
179  },
180  { scale: 1, easing: easeInQuart },
181];
182// アニメーションを作成
183const buttonAnimation = iconElement.animate(keyframes, {
184  duration: 500,
185});
186// そのままだと即実行されるので止めていおく
187buttonAnimation.pause();

188// ボタンがクリックされた時の処理
189buttonElement.addEventListener("click", () => {
190  const isActive = buttonElement.classList.contains("isActive");
191  if (isActive) {
192    // 現状がアクティブならアクティブを解除
193    buttonElement.classList.remove("isActive");
194    // アニメーションをキャンセル（連打対策）
195    buttonAnimation.cancel();
196  } else {
197    // 現状が非アクティブならアクティブにする
198    buttonElement.classList.add("isActive");
199    // アニメーションを実行
200    buttonAnimation.play();
201  }
202});
203
204
205
206
207
208// 広告ヘッダーバナー
209$(function() {
210  setInterval(function() {
211    $('.announce').fadeIn();
212    $('.announce').addClass('slideIn');
213  }, 2000);
214});