https://www.antelope.co.jp/js/form.js?201905

1$(function(){
2
3  var SearchTab = function(trigger,hideEl,hideEl2,hideEl3) {
4    this.tab = $(trigger);
5    this.hideEl = $(hideEl);
6    this.hideEl2 = $(hideEl2);
7    this.hideEl3 = $(hideEl3);
8  };
9  SearchTab.prototype.clickFn = function() {
10    var that = this;
11    that.tab.on('click', function() {
12      var $winWidth = $(window).width();
13      var $docHeight = $(document).height();
14      $('.js-modalBk').css({
15        width: $winWidth,
16        height: $docHeight
17      }).fadeIn();
18      $(window).on('resize', function() {
19        var $winWidth = $(window).width();
20        $('.js-modalBk').css({
21          width: $winWidth
22        });
23      });
24      $('.search-tab').addClass('active');
25      $('.searchFormWrap').fadeIn(100);
26      $('.search-tab > li').removeClass('active');
27      $('.search-choice > li').show();
28      that.hideEl.hide();
29      that.hideEl2.hide();
30      that.hideEl3.hide();
31      $(this).addClass('active');
32
33      // 背景をクリックした時の処理
34      $('.js-modalBk').on('click', function() {
35        $(this).fadeOut();
36        $('.searchFormWrap').fadeOut();
37        $('.search-tab').removeClass('active');
38        that.tab.removeClass('active');
39      });
40    });
41  };
42  var tabFinancial = new SearchTab('.search-tab-financial','.searchForm-consulting','.searchForm-business','.searchForm-startup');
43  tabFinancial.clickFn();
44  var tabTonsulting = new SearchTab('.search-tab-consulting','.searchForm-financial','.searchForm-business','.searchForm-startup');
45  tabTonsulting.clickFn();
46  var tabBusiness = new SearchTab('.search-tab-business','.searchForm-consulting','.searchForm-financial','.searchForm-startup');
47  tabBusiness.clickFn();
48  var tabStartup = new SearchTab('.search-tab-startup','.searchForm-consulting','.searchForm-financial','.searchForm-business');
49  tabStartup.clickFn();
50
51
52  var MoreShowBtn = function(trigger, target) {
53    this.btn = $(trigger);
54    this.showEl = $(target);
55  };
56  MoreShowBtn.prototype.fn = function() {
57    var that = this;
58    this.btn.on('click', function(e) {
59      e.preventDefault();
60      that.showEl.fadeIn();
61      $(this).hide();
62    });
63  };
64  var MoreShow = new MoreShowBtn('.moreShowBtn a', '.js-showEl li:nth-child(n+7)');
65  MoreShow.fn();
66
67
68  var SearchAccordion = function(el,speed) {
69    this.el = $(el);
70    this.speed = speed;
71  };
72  SearchAccordion.prototype.fn = function() {
73    var that = this;
74    this.el.on('click', function() {
75      var $this = $(this);
76      var comBehavior = function() {
77        $this.addClass('active');
78        $this.parent('.searchAccordList').addClass('active');
79        $this.find('.accordion_icon').addClass('active');
80        $this.next().slideToggle(that.speed + 100);
81      };
82      if($(this).find('.accordion_icon').hasClass('active')) {
83        $(this).removeClass('active');
84        $(this).parent('.searchAccordList').removeClass('active');
85        $(this).find('.accordion_icon').removeClass('active');
86        $(this).next().slideUp(that.speed + 100);
87        return false;
88      }
89      if(that.el.find('.accordion_icon').hasClass('active')) {
90        that.el.removeClass('active');
91        that.el.parent('.searchAccordList').removeClass('active');
92        that.el.find('.accordion_icon').removeClass('active');
93        that.el.next().slideUp(that.speed + 100);
94        comBehavior();
95        return false;
96      }
97      comBehavior();
98    });
99  };
100  var searchAccord = new SearchAccordion('.searchAccord__title',150);
101  searchAccord.fn();
102
103
104  var checkAll = function() {
105    var $checkAll = $('.checkItem-all');
106    $checkAll.on('click', function() {
107      var $parent = $(this).parents('.searchForm__checkList-nest');
108      if($(this).is(':checked')) {
109        $parent.find('.checkItem').prop('checked', true);
110      } else {
111        $parent.find('.checkItem').prop('checked', false);
112      }
113    });
114  }();
115
116  var checkItem = function() {
117    var $checkItem = $('.checkItem');
118    $checkItem.on('click', function() {
119      var $parent = $(this).parents('.searchAccordList');
120      if($parent.find('.checkItem').is(':checked')) {
121        $parent.find('.choiceNow').addClass('active');
122      } else {
123        $parent.find('.choiceNow').removeClass('active');
124      }
125
126      if($(this).hasClass('checkItem-all') && $(this).is(':checked')) {
127        $(this).parents('.searchForm__checkList-nest').find($checkItem).attr('disabled', true);
128        $('.checkItem-all').attr('disabled', false);
129      } else {
130        $(this).parents('.searchForm__checkList-nest').find($checkItem).attr('disabled', false);
131      }
132    });

133  }();
134
135
136  var accordCloseTrigger = function() {
137    var $closeBtn = $('.js-accordCloseBtn');
138    $closeBtn.on('click', function(e) {
139      e.preventDefault();
140      $('.searchAccordList').removeClass('active');
141      $('.searchAccord__title').removeClass('active');
142      $('.accordion_icon').removeClass('active');
143      $('.searchForm__checkListWrap').fadeOut(200);
144    });
145  }();
146
147
148  var jobCategory = function() {
149    var $openBtn = $('.checkResult__btn a');
150    var $showTab = $('.searchWrap-job_category');
151    var $showElWrap = $('.searchFormWrap');
152    var $showEl = $('.js-tabEl > li');
153    $openBtn.on('click', function(e) {
154      e.preventDefault();
155      $showTab.fadeIn();
156      $showElWrap.fadeIn();
157
158      var $winWidth = $(window).width();
159      var $docHeight = $(document).height();
160      $('.js-modalBk').css({
161        width: $winWidth,
162        height: $docHeight
163      }).fadeIn();
164
165      $('.search-tabEl').on('click', function() {
166        var index = $('.search-tabEl').index(this);
167        $('.search-tabEl').removeClass('active');
168        $(this).addClass('active');
169        $showEl.removeClass('active');
170        $showEl.eq(index).addClass('active');
171      });
172
173      var $tabElCloseBtn =  $('.js-tabElCloseBtn');
174      $tabElCloseBtn.on('click', function(e) {
175        e.preventDefault();
176        countCheckBox();
177        $('.js-modalBk').fadeOut();
178        $('.searchWrap-job_category').fadeOut();
179        $('.searchFormWrap').fadeOut();
180      });
181
182      $('.js-modalBk').on('click', function() {
183        countCheckBox();
184        $('.js-modalBk').fadeOut();
185        $('.searchWrap-job_category').fadeOut();
186        $('.searchFormWrap').fadeOut();
187      });
188    });
189  }();
190
191
192  var checkItemJob = function() {
193    var $checkItem = $('.checkItem');
194    $checkItem.on('click', function() {
195      // 『選択中』の表示処理
196      $('.search-tab > li').each(function(index) {
197        if($(this).hasClass('active')) {
198          var index = $('.search-tab > li').index(this);
199          if($('.js-parentFlag').eq(index).find('.checkItem').is(':checked')) {
200            $('.search-tab > li').eq(index).find('.choiceNow').addClass('active');
201          } else {
202            $('.search-tab > li').eq(index).find('.choiceNow').removeClass('active');
203          }
204        }
205      });
206    });
207  }();
208
209
210  function countCheckBox(){
211    $('.checkResultList').empty();
212    var $jobCategoryList = $('.searchForm div.searchForm__checkList-nest');
213    var jobCategory = [];
214    //console.log($jobCategoryList);
215
216    $.each($jobCategoryList, function(i){
217      jobCategory[i] = $(this).find('input[type="checkbox"]');
218    });
219    //console.log(jobCategory);
220    //console.log(jobCategory.length);
221
222
223    for(var i = 0 ; i < jobCategory.length ; i++){
224      //console.log('---------' + jobCategory[i].length + '-----------------')
225      $.each(jobCategory[i], function(index){
226        //console.log($(this).attr('id'));
227        if(/_all$/.test($(this).attr('id')) && $(this).is(':checked') ){
228          $('.checkResultList').append('<li class="'+ $(this).attr('id') +'">'+ $(this).data('item') +'</li>');
229          return false;
230        }else if($(this).is(':checked')){
231          $('.checkResultList').append('<li class="'+ $(this).attr('id') +'">'+ $(this).data('item') +'</li>');
232        }
233        //console.log($(this).attr('name') +':'+ $(this).is(':checked') );
234      });
235      //console.log('--------------------------')
236    }
237
238  }
239
240
241
242});