https://www.tkg-jp.com/js/about.js

1/* global jQuery */
2
3/**
4 * about
5 *
6 * @date 2017-09-07
7 */
8
9var about = function ($) {
10  // 初期化
11  var _init = function _init() {
12    $win = $(window);
13    $body = $('body');
14
15    $(function () {
16      directorsOpen.init();
17    });
18  };
19
20  /****
21   *
22   * 役員一覧アコーディオン
23   *
24   */
25  var directorsOpen = function () {
26    var $openBtn = $('.js-toggle').find('dd');
27    var $openSkillBtn = $('.directors_skill_btn');
28    var $winW = $(window).width();
29
30    var _init = function _init() {
31      $openBtn.on('click', _show);
32      $openSkillBtn.on('click', _show);
33    };
34
35    var _show = function _show(el) {
36      var $openBody = $(this).find('.js-content');
37      // スキルマトリックス
38      if ($.inArray('directors_skill_btn', el.currentTarget.classList) >= 0) {
39        $openBody = $('.directors_skill');
40      }
41      $(this).toggleClass('is-show');
42      if ($winW < 769) {
43        $openBody.slideToggle(800);
44      } else {
45        $openBody.slideToggle(600);
46      }
47    };
48
49    return {
50      init: _init
51    };
52  }();
53
54  return {
55    init: _init
56  };
57}(jQuery);
58
59about.init();