https://lor-clinic-omotesando.com/wp-content/themes/wp_theme/js/Javascript.js

1
2/* ----------------------------------------------------------------------
3 * モーダル
4-----------------------------------------------------------------------*/
5$(function() {
6  $('.modal-btn').on('click', function() {
7	  var targetClass = '.' + $(this).attr('id');
8    $(targetClass).removeClass('disable');
9  });
10	$('.modal-content .close-btn').on('click', function() {
11		$('.modal-content').addClass('disable');
12	});
13	$('.modal-content .msk').on('click', function() {
14		$('.modal-content').addClass('disable');
15	});
16});
17
18/* ----------------------------------------------------------------------
19 * モーダル：施術のメリット
20-----------------------------------------------------------------------*/
21$(function() {
22  $('.merit-btn').on('click', function() {
23	  var targetClass = '.' + $(this).attr('id');
24    $(targetClass).removeClass('disable');
25  });
26	$('.merit-modal .close').on('click', function() {
27		$('.merit-modal').addClass('disable');
28	});
29	$('.merit-modal .msk').on('click', function() {
30		$('.merit-modal').addClass('disable');
31	});
32});
33
34/* ----------------------------------------------------------------------
35 * アコーディオン
36-----------------------------------------------------------------------*/
37$(function() {
38  $('.acd .label').click(function() {
39    $(this).toggleClass('active');
40    $(this).next('.contents').slideToggle();
41  });
42});
43
44/* ----------------------------------------------------------------------
45 * アコーディオン：p2下部開閉ボタン
46-----------------------------------------------------------------------*/
47$(function() {
48  $('.acd-p2 .btn').click(function() {
49    $(this).parent('.acd-p2').toggleClass('active');
50    $(this).prev('.contents').slideToggle();
51  });
52});
53
54/* ----------------------------------------------------------------------
55 * アコーディオン：自動展開
56-----------------------------------------------------------------------*/
57//遷移時
58$(function () {
59  const urlId = location.hash;
60  if (!$(urlId).length) return;
61  $(urlId).toggleClass('active');
62  $(urlId).next('.contents').slideToggle();
63});
64//ジャンプ時
65$('a[href^="#"]').click(function() {
66	var targetId = $(this).attr('href');
67	if ( !($(targetId).hasClass('active')) ) {
68		$(targetId).toggleClass('active');
69		$(targetId).next('.contents').slideToggle();
70	}
71});
72
73/* ----------------------------------------------------------------------
74 * タブ
75-----------------------------------------------------------------------*/
76function GethashID (hashIDName){
77  if(hashIDName){
78    $('.tab-list .tab li').find('a').each(function() {
79      var idName = $(this).attr('href');
80      if(idName == hashIDName){
81        var parentElm = $(this).parent();
82        $('.tab-list .tab li').removeClass("active");
83        $(parentElm).addClass("active");
84        $(".tab-list .area").removeClass("is-active");
85        $(hashIDName).addClass("is-active");
86      }
87    });
88  }
89}
90$(document).on('click', '.tab-list .tab a', function() {
91	var idName = $(this).attr('href');
92	GethashID (idName);
93	return false;
94});
95$(window).on('load', function () {
96	$('.tab-list .tab li:first-of-type').addClass("active");
97    $('.tab-list .area:first-of-type').addClass("is-active");
98	var hashName = location.hash;
99	GethashID (hashName);
100});