https://kailasrobotics.ai/wp-content/themes/kailasrobotics/assets/js/common.js

1// ヘッダー_ドロワーメニュー
2$(function() {
3 $('.navbar_toggle').on('click', function () {
4  $(this).toggleClass('open');
5  $('.menu').toggleClass('open');
6  $('body').toggleClass('no-scroll');
7 });
8});
9
10
11// 製品紹介ページ_受賞・採択
12// var show = 4; //最初に表示する件数
13// var num = 10;  //もっと見るで表示する件数
14// var contents = '.catList li'; // 対象のlist
15// $(contents + ':nth-child(n + ' + (show + 1) + ')').addClass('is-hidden');
16// $('.more').on('click', function () {
17//   $(contents + '.is-hidden').slice(0, num).removeClass('is-hidden');
18//   if ($(contents + '.is-hidden').length == 0) {
19//     $('.more').fadeOut();
20//   }
21// });
22
23
24
25// $(function () {
26//   var show = 4; // 最初に表示する件数
27//   var num = 10;  // 「もっと見る」で表示する件数
28//   var contents = '.catList li'; // 対象のリスト
29
30//   // 初期状態で表示件数以降を非表示にする
31//   $(contents + ':nth-child(n + ' + (show + 1) + ')').addClass('is-hidden');
32
33//   // 「もっと見る」ボタンクリック時の処理
34//   $('.more').on('click', function () {
35//     $(contents + '.is-hidden').slice(0, num).removeClass('is-hidden');
36//     if ($(contents + '.is-hidden').length === 0) {
37//       $('.more').fadeOut();
38//     }
39//   });
40// });
41
42
43
44$(function () {
45  var show = 4;
46  var num = 10;
47  var contents = '.catList li.js-hidden';
48
49  // 最初の表示分だけ表示（is-hiddenを外す）
50  $(contents).slice(0, show).removeClass('js-hidden');
51
52  // 「もっと見る」クリック時
53  $('.more').on('click', function () {
54    $(contents).slice(0, num).removeClass('js-hidden');
55    if ($(contents).length <= num) {
56      $('.more').fadeOut();
57    }
58  });
59});
60
61
62
63
64
65
66
67
68// // 固定リンク_フッター手前でストップ
69// function PageTopAnime() {
70
71//   var scroll = $(window).scrollTop(); //スクロール値を取得
72//   if (scroll >= 0) { //スクロールしたら
73//     $('#fixed-link').removeClass('DownMove'); // DownMoveというクラス名を除去して
74//     $('#fixed-link').addClass('UpMove'); // UpMoveというクラス名を追加して出現
75//   } else { //それ以外は
76//     if ($('#fixed-link').hasClass('UpMove')) { //UpMoveというクラス名が既に付与されていたら
77//       $('#fixed-link').removeClass('UpMove'); //  UpMoveというクラス名を除去し
78//       $('#fixed-link').addClass('DownMove'); // DownMoveというクラス名を追加して非表示
79//     }
80//   }
81
82//   var wH = window.innerHeight; //画面の高さを取得
83//   var footerPos = $('#footer').offset().top; //footerの位置を取得
84//   if (scroll + wH >= (footerPos)) {
85//     // var pos = (scroll+wH) - footerPos //スクロールの値＋画面の高さからfooterの位置を取得し
86//     $('#fixed-link').css('bottom', footerPos); //#page-topに上記の値をCSSのbottomに直接指定してフッター手前で止まるようにする
87//   } else { //それ以外は
88//     if ($('#fixed-link').hasClass('UpMove')) { //UpMoveというクラス名がついていたら
89//       $('#fixed-link').css('bottom', '0');
90//     }
91//   }
92// }
93
94// // ページが読み込まれたらすぐに動かしたい場合の記述
95// $(window).on('load', function () {
96//   PageTopAnime(); /* スクロールした際の動きの関数を呼ぶ*/
97// });
98
99
100// //プライバシーバリデーション位置
101// $(function () {
102//   $('.checkbox-privacy').parent().parent().addClass('privacy-area');
103// });
104
105
106// // リンク先にcheckedを付与(ページを読み込んだ時チェックをつける)
107// $(document).ready(function () {
108//   const urlParams = new URLSearchParams(window.location.search);
109//   const checks = urlParams.getAll('check');
110//   if (checks.length !== 0 ) {
111//     checks.forEach(function (check) {
112//       $('#' + check).prop('checked', true);
113      
114//       if ($('[id=tab01]').prop('checked')) {
115//         $('#tab-contens01').addClass('show');
116//         $('#tab-contens02').removeClass('show');
117//         $('#tab01').addClass('active');
118//         $('#tab02').removeClass('active');
119//       } else if ($('[id=tab02]').prop('checked')) {
120//         $('#tab-contens02').addClass('show');
121//         $('#tab-contens01').removeClass('show');
122//         $('#tab02').addClass('active');
123//         $('#tab01').removeClass('active');
124//       } 
125//     });
126//   } else {
127//         $('#tab-contens01').addClass('show');
128//         $('#tab-contens02').removeClass('show');
129//         $('#tab01').addClass('active');
130//         $('#tab02').removeClass('active');
131//   }
132  
133//   TabChecked()
134// });
135
136
137// //フォームタブの条件分岐
138// // タブ
139// const tabList = document.querySelectorAll('.tab-list-item');
140// // タブコンテンツ
141// const tabContent = document.querySelectorAll('.tab-contents-item');
142
143// //DOMが読み込み終わったら
144// document.addEventListener('DOMContentLoaded', function () {
145//   // タブに対してクリックイベントを適用
146//   for (let i = 0; i < tabList.length; i++) {
147//     tabList[i].addEventListener('click', tabSwitch);
148//   }
149//   // タブをクリックすると実行する関数
150//   function tabSwitch() {
151//     // activeクラスを削除
152//     let removeTarget = document.querySelectorAll('.active')[0]
153//     removeTarget.classList.remove('active');
154//     // クリックしたタブにactiveクラスを付与    
155//     this.classList.add('active');
156//     // showクラスを削除
157//     document.querySelectorAll('.show')[0].classList.remove('show');
158//     // タブを配列風オブジェクトとして定義
159//     const aryTabs = Array.prototype.slice.call(tabList);
160//     // クリックしたタブの配列番号を取得     
161//     const index = aryTabs.indexOf(this);
162//     // クリックしたタブと同じ配列番号のタブコンテンツにshowクラスを付与    
163//     tabContent[index].classList.add('show');
164//     if ($('#tab01').hasClass('active')) {
165//       $('#tab01').prop('checked', true);
166//       $('#tab02').prop('checked', false);
167//     } else {
168//       $('#tab01').prop('checked', false);
169//       $('#tab02').prop('checked', true);
170//     }
171//     TabChecked();
172//   }
173// });
174
175
176// //tab
177// function TabChecked() {
178//   if ($('[id=tab01]').prop('checked')) {
179//     $('.footer_nav_li01').addClass('current');
180//     $('.footer_nav_li02').removeClass('current');
181//   } else if($('[id=tab02]').prop('checked')) {
182//       $('.footer_nav_li02').addClass('current');
183//       $('.footer_nav_li01').removeClass('current');
184//   }
185//   }
186
187
188
189