https://seikatsusha-ddm.com/files/js/front/user/js/scripts.js

1(function($) {
2  $(function() {
3
4    /* SPメニュー開閉
5     ***************************************/
6    $('[data-js="nav-menu"]').on('click', function() {
7      if ($('.p-header').hasClass('is-open')) {
8        $('.p-header').removeClass('is-open');
9      } else {
10        $('.p-header').addClass('is-open');
11      }
12    });
13    /***************************************/
14
15    /* スライダー
16     ***************************************/
17    var sliderLoopFlg = false;
18    var sliderLength = $('[data-js="flexslider"]').find('ul>li').length;
19    if (sliderLength > 1) sliderLoopFlg = true;
20    $('[data-js="flexslider"]').flexslider({
21      animation: "slide", // スライドのアニメーションタイプ slide/fade
22      animationLoop: sliderLoopFlg, // スライドをループさせる true/false
23      pauseOnHover: true, // マウスオーバーでスライドショーを停止 true/false
24      pauseOnAction: false, // 操作をしている間、スライドを停止 true/false
25      directionNav: false, // 両サイドの矢印を表示 true/false
26      slideshowSpeed: 5000, // スライドの間隔(1000=1秒)
27      initDelay: 0 // スライドが始まるまでの時間(1000=1秒)
28    });
29    /***************************************/
30
31    /* ページTOPへ
32     ***************************************/
33    var showFlag = false;
34    var pageTop = $('[data-js="pageTop"]');
35    pageTop.click(function() {
36      $('body,html').animate({
37        scrollTop: 0
38      }, 500);
39      return false;
40    });
41    /***************************************/
42
43    /* モーダル
44     ***************************************/
45    // 画面内の特定のボタンを押下したらモーダルを開く
46    $(document).on('click', '[data-js="modal-open"]', function() {
47      $('body').addClass('is-overflow-y');
48      $('.c-modal__bg').fadeIn(function() {
49        $('.c-modal__contents').fadeIn();
50      });
51    });
52
53    // モーダル内の特定のボタンを押下したらモーダルを閉じる
54    $(document).on('click', '[data-js="modal-apply"]', function() {
55      modalClose();
56    });
57
58    // モーダル閉じるボタン
59    $(document).on('click', '.c-modal__bg,[data-js="modal-close"]', function() {
60      modalClose();
61    });
62
63    // モーダル表示
64    function modalOpen() {
65      $('.c-modal__bg').fadeIn(function() {
66        $('.c-modal__contents').fadeIn();
67      });
68    }
69
70    // モーダル非表示
71    function modalClose() {
72      $('.c-modal__contents').fadeOut(function() {
73        $('.c-modal__bg').fadeOut();
74        $('body').removeClass('is-overflow-y');
75      });
76    }
77    /***************************************/
78
79    /* モーダル
80     ***************************************/
81    // 画面内の特定のボタンを押下したらモーダルを開く
82    $(document).on('click', '[data-js="loading-open"]', function() {
83      $('body').addClass('is-overflow-y');
84      $('.c-modal__bg').fadeIn(function() {
85        $('.c-modal__contents--loading').fadeIn();
86      });
87    });
88    /****************************************/
89
90    /* タブ
91     ***************************************/
92    $('[data-js="change-tab"]').on('click', function() {
93      var tabNum = $(this).attr('data-tab');
94      var tabContent = $('[data-tab-content="' + tabNum + '"]');
95
96      // タブナビを活性化
97      $('[data-js="change-tab"]').removeClass('is-active');
98      $(this).addClass('is-active');
99
100      // タブの高さを指定
101      tabContent.css('height', tabContent.height() + 'px');
102
103      // タブの切替
104      $('.c-tab__content').removeClass('is-active');
105      tabContent.addClass('is-active');
106    });
107
108    initTabContentHeight();
109
110    function initTabContentHeight() {
111      var tabNum = $('[data-js="change-tab"].is-active').attr('data-tab');
112      var tabContent = $('[data-tab-content="' + tabNum + '"]');
113
114      // タブナビを活性化
115      $(this).addClass('is-active');
116
117      // タブの高さを指定
118      tabContent.css('height', tabContent.height() + 'px');
119
120      // タブの切替
121      $('.c-tab__content').removeClass('is-active');
122      tabContent.addClass('is-active');
123    }
124    /****************************************/
125
126    $('[data-js="toggle-globalNav"]').on('click', function() {
127      var gnav = $(this).closest('.c-globalNav');
128      if (gnav.hasClass('is-active')) {
129        gnav.removeClass('is-active');
130      } else {
131        gnav.addClass('is-active');
132      }
133      $(this).closest('.c-globalNav__body').toggle();
134    });

135  });
136
137  $(document).ready(function(){
138    if ($('.weeklyBTN')[0]) {
139      $('.weeklyBTN')[0].click();
140    }
141    if ($('#mylist3')[0]) {
142      $('#mylist3')[0].click();
143    }
144    if ($('.monthlyBTN')[0]) {
145      $( this ).off( event );
146      $( ".monthly-tab" ).on( "click", function( event ) {
147        $('.monthlyBTN')[0].click();
148        $( this ).off( event );
149      });
150    }
151  });
152})(jQuery);
153
154function apply() {
155  $('body,html').animate({
156    scrollTop: 0
157  }, 500);
158  return false;
159}
160
161function toc(name) {
162  $('body,html').animate({
163    scrollTop: $('div[data-name="' + name + '"').offset().top - 170
164  }, 500);
165  return false;
166}