https://seventen.jp/apps/note/wp-content/themes/seventen/js/script-wp.js

1
2// ハンバーガーメニュー
3// レスポンシブ時オーバーレイ表示
4
5$(".menu-trigger").on("click", function () {
6  $(this).toggleClass("active");
7  $("#hamburger").fadeToggle(300);
8  return false;
9});
10
11$(".hamburger-navi a").on("click", function () {
12  $("#hamburger").fadeToggle(200);
13  $("#hamburger").toggleClass("active");
14  $(".menu-trigger").toggleClass("active");
15});
16
17// アコーディオン
18
19$('.active-trigger').on('click', function () {
20	$(this).next().slideToggle(300);
21	/*矢印の向きを変更*/
22	$(this).toggleClass('open');
23});
24
25// ページ遷移アンカーリンクとスムーススクロール
26
27$(function () {
28  var urlHash = location.hash;
29  if (urlHash) {
30    $("body,html").stop().scrollTop(0);
31    setTimeout(function () {
32      scrollToAnker(urlHash);
33    }, 100);
34  }
35  function scrollToAnker(hash) {
36    var time = 400;
37    var target = $(hash);
38    var position = target.offset().top;
39    $("body,html").stop().animate({ scrollTop: position }, time, "swing");
40    return false;
41  }
42  $(document).on("click", 'a[href*="#"]', function () {
43    let time = 400;
44    let target = $(this.hash);
45    if (!target.length) return;
46
47    let targetY = target.offset().top;
48    $("html,body").animate({ scrollTop: targetY }, time, "swing");
49    return false;
50  });
51});