https://www.style-system.net/_cms/wp-content/themes/stylesystem/assets/js/common.js

1$('#nav-content .toggle').on('click', function () {
2  $(this).children("ul").slideToggle();
3});
4
5$('header .button').on('click', function () {
6  $('#nav-container').toggleClass('open');
7});
8
9if (window.matchMedia("(max-width: 750px)").matches) {
10  var headerHeight = 65;
11  var urlHash = location.hash;
12  if (urlHash) {
13    $('body,html').animate({
14      scrollTop: 0
15    }, 400);
16    setTimeout(function () {
17      var target = $(urlHash);
18      var position = target.offset().top - headerHeight;
19      $('body,html').stop().animate({
20        scrollTop: position
21      }, 500);
22    }, 100);
23  }
24  $('a[href^="#"]').click(function () {
25    var href = $(this).attr("href");
26    var target = $(href);
27    var position = target.offset().top - headerHeight;
28    $('body,html').stop().animate({
29      scrollTop: position
30    }, 500);
31  });
32} else {
33  $(function () {
34    $('a[href^="#"]').click(function () {
35      var speed = 1000;
36      var href = $(this).attr("href");
37      var target = $(href == "#" || href == "" ? 'html' : href);
38      var position = target.offset().top;
39      $("html, body").animate({
40        scrollTop: position
41      }, speed, "swing");
42      return false;
43    });
44  });
45}
46
47
48
49
50$(function () {
51  $(".faq-image,.delegated-content").matchHeight();
52});
53
54
55$(function () {
56  //最初は全てのパネルを非表示に
57  $('.faq-dt')
58    .click(function (e) {
59      //選択したパネルを開く
60      $(this).next('.faq-dd').toggleClass('dropdown_toggle');
61    })
62});
63
64$(document).ready(function () {
65  $("#pagetop").hide();
66  $(window).on("scroll", function () {
67    if ($(this).scrollTop() > 100) {
68      $("#pagetop").fadeIn("fast");
69    } else {
70      $("#pagetop").fadeOut("fast");
71    }
72    scrollHeight = $(document).height(); //ドキュメントの高さ
73    scrollPosition = $(window).height() + $(window).scrollTop(); //現在地
74    footHeight = $("footer").innerHeight(); //footerの高さ（＝止めたい位置）
75    if (scrollHeight - scrollPosition <= footHeight) { //ドキュメントの高さと現在地の差がfooterの高さ以下になったら
76      $("#pagetop").css({
77        "position": "absolute",
78        "bottom": footHeight + 30,
79      });
80    } else {
81      $("#pagetop").css({
82        "position": "fixed",
83        "right": 20,
84        "bottom": 90,
85      });
86    }
87  });
88  $('#pagetop').click(function () {
89    $('body,html').animate({
90      scrollTop: 0
91    }, 400);
92    return false;
93  });
94});
95
96
97$(function () {
98  var slider = ".delegated-photo-current"; // スライダー
99  var thumbnailItem = ".delegated-photo-list .delegated-photo-item"; // サムネイル画像アイテム
100
101  // サムネイル画像アイテムに data-index でindex番号を付与
102  $(thumbnailItem).each(function () {
103    var index = $(thumbnailItem).index(this);
104    $(this).attr("data-index", index);
105  });
106
107  // スライダー初期化後、カレントのサムネイル画像にクラス「thumbnail-current」を付ける
108  // 「slickスライダー作成」の前にこの記述は書いてください。
109  $(slider).on('init', function (slick) {
110    var index = $(".slide-item.slick-slide.slick-current").attr("data-slick-index");
111    $(thumbnailItem + '[data-index="' + index + '"]').addClass("thumbnail-current");
112  });
113
114  //slickスライダー初期化
115  $(slider).slick({
116    autoplay: true,
117    arrows: false,
118    fade: true,
119    infinite: false //これはつけましょう。
120  });
121  //サムネイル画像アイテムをクリックしたときにスライダー切り替え
122  $(thumbnailItem).on('click', function () {
123    var index = $(this).attr("data-index");
124    $(slider).slick("slickGoTo", index, false);
125  });
126
127  //サムネイル画像のカレントを切り替え
128  $(slider).on('beforeChange', function (event, slick, currentSlide, nextSlide) {
129    $(thumbnailItem).each(function () {
130      $(this).removeClass("thumbnail-current");
131    });
132  });
133});
134
135$(function () {
136  $('.header-menu-list li').hover(function () {
137    $(this).find('.menu-content').stop().slideDown();
138  }, function () {
139    $(this).find('.menu-content').stop().slideUp();
140  });
141});
142
143$(function () {
144  $('.mw_wp_form_input .submit').prop('disabled', true);
145
146  $('#privacy-policy-1').on('click', function () {
147    if ($(this).prop('checked') == false) {
148      $('.mw_wp_form_input .submit').prop('disabled', true);
149    } else {
150      $('.mw_wp_form_input .submit').prop('disabled', false);
151    }
152  });
153});