https://vamos-edu.jp/wp-content/themes/VAMOS__Service/js/script.js?ver=1.0.6

1
2jQuery(function ($) {
3  $(function () {
4    if (window.matchMedia("(max-width: 768px)").matches) {
5      var headerHeight = $('.sp-header').outerHeight();
6    } else {
7      var headerHeight = $('.header').outerHeight();
8    }
9    var animeSpeed = 500;
10    var urlHash = location.hash;
11    if (urlHash) {
12      $("body,html").scrollTop(0);
13      setTimeout(function () {
14        var target = $(urlHash);
15        var position = target.offset().top - headerHeight;
16        $("body,html").stop().animate({
17          scrollTop: position
18        }, animeSpeed);
19      }, 0);
20    }
21    $('a[href^="#"]').click(function () {
22      var href = $(this).attr("href");
23      var target = $(href);
24      var position = target.offset().top - headerHeight;
25      $('body,html').stop().animate({ scrollTop: position }, animeSpeed);
26      return false;
27    });
28    // };
29    $('.nav__gradeInformationItem a,.header__link').click(function () {
30      $(".nav__gradeInformation").fadeOut(500);
31    });
32    $('.nav__head').hover(function () {
33      $(".nav__gradeInformation").fadeIn(500);
34    });
35
36    $('.nav__gradeInformationItem a,.nav__item a').click(function () {
37      $("body").toggleClass('fixed');
38      setTimeout(function () {
39        $("body").removeClass('fixed')
40        var hash2 = window.location.hash;
41        var target2 = $(hash2);
42        var position = target2.offset().top - headerHeight;
43        $('body,html').stop().animate({ scrollTop: position }, animeSpeed);
44        return false;
45      }, 0);
46    });
47  });
48  $(function () {
49    var state = false;
50    var pos;
51    $('.openbtn').click(function () {
52      if (state == false) {
53        pos = $(window).scrollTop();
54        $('body').addClass('fixed').css({ 'top': -pos });
55        state = true;
56      } else {
57        $('body').removeClass('fixed').css({ 'top': 0 });
58        window.scrollTo(0, pos);
59        state = false;
60      }
61    });
62
63
64    // ハンバーガーメニュー
65    $(".openbtn").click(function () {
66      $(this).toggleClass('active');
67      $("#g-nav").toggleClass('panelactive');
68      $(".sp-header__bg").toggleClass('panelactive');
69
70    });
71    $("#g-nav a").click(function () {
72      $(".openbtn").removeClass('active');
73      $("#g-nav").removeClass('panelactive')
74      $(".sp-header__bg").removeClass('panelactive')
75      $('body').removeClass('fixed').css({ 'top': 0 });
76      window.scrollTo(0, pos);
77      state = false;
78    });
79  });
80  //アコーディオン
81  $('#g-nav .nav__head').on('click', function () {
82    var findElm = $(this).children(".nav__accodionWrapper");
83    $(findElm).slideToggle();
84    if ($(this).hasClass('close')) {
85      $(this).removeClass('close');
86    } else {
87      $(this).addClass('close');
88    }
89  });
90  //アコーディオンをクリックした時の動作
91  $('.accordion__title').on('click', function () {
92    var findElm = $(this).next(".accordion__box");
93    $(findElm).slideToggle();
94    if ($(this).hasClass('close')) {
95      $(this).removeClass('close');
96    } else {
97      $(this).addClass('close');
98    }
99  });
100  $('.learnigAccordion__title').on('click', function () {
101    var findElm = $(this).prev(".accordion__box");
102    $(findElm).slideToggle();
103    if ($(this).hasClass('close')) {
104      $(this).removeClass('close');
105      $(this).html('詳しく見る');
106    } else {
107      $(this).addClass('close');
108      $(this).html('閉じる');
109    }
110  });
111
112  //ナブのhover
113  // $(function () {
114  //   $('.nav__head').hover(function () {
115  //     $(this).children('.nav__gradeInformation').stop().slideToggle(300);
116  //   });
117  // });
118  //mvslick
119  $(function () {
120    $(".mv__slider")
121      .on("init", function () {
122        $('.mv__slider .slick-slide[data-slick-index="0"]').addClass("add-animation");
123      })
124      .slick({
125        autoplay: true,
126        fade: true,
127        arrows: false,
128        speed: 1500,
129        autoplaySpeed: 1500,
130        pauseOnFocus: false,
131        pauseOnHover: false,
132      })
133      .on({
134        beforeChange: function (event, slick, currentSlide, nextSlide) {
135          $(".slick-slide", this).eq(nextSlide).addClass("add-animation");
136          $(".slick-slide", this).eq(currentSlide).addClass("remove-animation");
137        },
138        afterChange: function () {
139          $(".remove-animation", this).removeClass(
140            "remove-animation add-animation"
141          );
142        },
143      });
144  });
145  //topslick
146  function checkBreakPoint() {
147    w = $(window).width();
148    if (w <= 1100) {
149      $('.slider').slick({
150        slidesToShow: 1,
151        slidesToScroll: 1,
152        arrows: true,
153        autoplay: false,
154      });
155    } else {
156      $('.slider').slick('unslick');
157    }
158  }
159  $(window).resize(function () {
160    checkBreakPoint();
161  });
162  checkBreakPoint();
163  //tabの切り替え
164  $(function () {
165    $(".js-content.active").css("display", "block");
166    $(".js-tab").on("click", function () {
167      $(".js-tab.current").removeClass("current");
168      $(this).addClass("current");
169      const index = $(this).index();
170      $(".js-content").hide().eq(index).fadeIn(300);
171    });
172  });
173  //IE対応object-fit
174  $(function () {
175    objectFitImages(".object-fit")
176  });
177});
178