https://tsuge-tts.com/wp/wp-content/themes/tsuge-tts/js/custom-sp.js

1
2//スマホグロナビ
3$('.menu-trigger').on('click',function(){
4    if($(this).hasClass('active')){
5      $(this).removeClass('active');
6      $('main').removeClass('open');
7      $('nav').removeClass('open');
8      $('.overlay').removeClass('open');
9    } else {
10      $(this).addClass('active');
11      $('main').addClass('open');
12      $('nav').addClass('open');
13      $('.overlay').addClass('open');
14    }
15  });
16  $('.overlay').on('click',function(){
17    if($(this).hasClass('open')){
18      $(this).removeClass('open');
19      $('.menu-trigger').removeClass('active');
20      $('main').removeClass('open');
21      $('nav').removeClass('open');      
22    }
23  });
24
25$('div.slider').slick({
26	accessibility: false,
27  fade: true,
28  autoplay: true,
29  infinite: true,
30  dots: false,
31  arrows: false,
32  autoplaySpeed: 3000,
33  speed: 3000,
34
35});
36
37//よくあり質問
38$('div.q-text').click(function () {
39  $(this).next('div.a-text').slideToggle();
40  $(this).toggleClass('on');
41});
42
43$(document).ready(function(){
44    var x = $(window).width();
45    //windowの分岐幅をyに代入
46    var y = 768;
47    if (x <= y) {
48		$('body').css('display', 'block');
49		$('div.works-list').slick('unslick');
50		$('div.works-list').slick({
51			slidesToShow: 1,
52			slidesToScroll: 1,
53			dots:false,
54			arrows:true,
55			variableWidth: true,
56			autoplay: true,
57			autoplaySpeed:5000,
58		 });
59		jQuery(function($) {
60		 $(".wpcf7 input[type='submit']").click(function() {
61		  $("input[type=file]").each(function() {
62			if($(this).val() === "") {
63				$(this).remove();
64			}
65		  });
66		 });
67		});
68	} else {
69		$('div.works-list').slick({
70			arrows: false,
71			autoplay: false,
72			/* ポイントここから～ */
73			autoplaySpeed: 0,
74			cssEase: 'linear',
75			speed: 8000,
76			/* ～ここまで */
77			slidesToShow: 3,
78			slidesToScroll: 1,
79		 });
80    }
81});
82
83$('div.works-list02').slick({
84	slidesToShow: 4,
85	slidesToScroll: 1,
86	dots:false,
87	arrows:true,
88	variableWidth: true,
89	autoplay: true,
90	autoplaySpeed:5000,
91});
92
93
94setTimeout( function(){
95  $( 'div.works-list' ).slick( 'play' );
96}, 1000 );
97
98$(document).ready(function() { //全ての読み込みが完了したら実行
99  $('body').css('display', 'block');
100});
101
102