https://www.hitachi-ite.co.jp/js/jp/lineup/engineering/engineering.js

1/*
2 * engineering.js
3 * Copyright (c) 2020 Hitachi Information Engineering, Ltd.
4 *
5
6 * Create: 2020.01.22
7 * Update: 
8
9<!--Rev. 200117 P19121 htc-->
10
11 */
12"use strict";
13
14
15var setAccordion = function setAccordion(trigger) {
16  var $trigger = trigger;
17  var $target = $('.Accordion.' + $trigger.data('target'));
18
19  if ($trigger.closest('.AccordionInner').length > 0) {
20    $trigger.toggleClass('active');
21    $target.stop().slideToggle(350);
22  } else {
23    if ($trigger.closest('li').siblings().children('.Accordion:visible').length > 0) {
24      $target.closest('li').siblings().find('.AccordionInner .Accordion').slideUp(350);
25      $trigger.closest('li').siblings().find('.AccordionTrigger.active').removeClass('active');
26      $target.closest('li').siblings().children('.Accordion:visible').slideUp(350, function () {
27        $trigger.toggleClass('active');
28        $target.stop().slideDown(350);
29      });
30    } else {
31      $('.AccordionInner', $target).find('.Accordion').stop().slideUp(350).siblings('.AccordionTrigger').removeClass('active');
32      $trigger.toggleClass('active');
33      $target.stop().slideToggle(350);
34    }
35
36    setFieldAccordionPosX($trigger, $target);
37  }
38};
39
40var autoHeight = function autoHeight() {
41  var heightArr = new Array();
42  $('.AutoHeight').each(function (i, elm) {
43    var group = $(elm).data('group');
44    $(elm).css({
45      height: 'auto'
46    });
47
48    if (heightArr[group] && heightArr[group] < $(elm).outerHeight() || !heightArr[group]) {
49      heightArr[group] = $(elm).outerHeight();
50    }
51  });
52
53  for (var key in heightArr) {
54    $('.AutoHeight[data-group=' + key + ']').css({
55      height: heightArr[key]
56    });
57  }
58};
59
60var setFieldAccordionPosX = function setFieldAccordionPosX(trigger, target) {
61  $('.AccordionWrap').each(function (i, elm) {
62    var $setTarget, setPosX;
63
64    if (target) {
65      $setTarget = target;
66    } else {
67      $setTarget = $('.Accordion:visible', elm);
68    }
69
70    if ($setTarget.length > 0) {
71      if (trigger) {
72        setPosX = trigger.offset().left;
73      } else {
74        setPosX = $('.AccordionTrigger.active', elm).offset().left;
75      }
76
77      if (setPosX > 0) {
78        $setTarget.css({
79          marginLeft: -1 * setPosX
80        });
81      }
82    }
83
84    var setWidth = $('html').hasClass('Under1305') || $('html').hasClass('Under995') ? $(elm).width() + parseInt($(elm).css('margin-left')) * 2 : $(window).width();
85    $setTarget.css({
86      width: setWidth
87    });
88  });
89  
90};
91
92$(function () {
93  $('.AccordionTrigger').on('click', function (e) {
94    setAccordion($(e.currentTarget));
95  });
96  $(window).resize(function () {
97    autoHeight();
98    setFieldAccordionPosX();
99  });
100  autoHeight();
101
102});
103
104
105
106
107
108// AccordionOpen
109$(function(){
110  var defaultAccordionStatus = function defaultAccordionStatus() {
111    var querys = location.search;
112    if (!querys) return;
113    var anchorMap = {
114      'Hardware': 'FieldAccordion01',
115      'Software': 'FieldAccordion02',
116      'Mechatronics': 'FieldAccordion03',
117      'Support': 'FieldAccordion04',
118    };
119    var params = querys.split('?')[1].split('&');
120  
121    for (var key in params) {
122      var setParam = params[key];
123      var setKey = setParam.split('=')[0];
124      var setVal = setParam.split('=')[1];
125  
126      if (setKey == 'ContentOpen' && $('.AccordionTrigger[data-target="' + anchorMap[setVal] + '"]').length > 0) {
127        var defaultAccoridionTrigger = $('.AccordionTrigger[data-target="' + anchorMap[setVal] + '"]');
128        $('html,body').stop().animate({
129          scrollTop: defaultAccoridionTrigger.offset().top
130        }, 1000, 'easeOutExpo');
131        setAccordion(defaultAccoridionTrigger);
132      }
133    }
134  };
135  var setAccordion = function setAccordion(trigger) {
136    var $trigger = trigger;
137    var $target = $('.Accordion.' + $trigger.data('target'));
138  
139    if ($trigger.closest('.AccordionInner').length > 0) {
140      $trigger.toggleClass('active');
141      $target.stop().slideToggle(350);
142    } else {
143      if ($trigger.closest('li').siblings().children('.Accordion:visible').length > 0) {
144        $target.closest('li').siblings().find('.AccordionInner .Accordion').slide

144Up(350);
145        $trigger.closest('li').siblings().find('.AccordionTrigger.active').removeClass('active');
146        $target.closest('li').siblings().children('.Accordion:visible').slideUp(350, function () {
147          $trigger.toggleClass('active');
148          $target.stop().slideDown(350);
149        });
150      } else {
151        $('.AccordionInner', $target).find('.Accordion').stop().slideUp(350).siblings('.AccordionTrigger').removeClass('active');
152        $trigger.toggleClass('active');
153        $target.stop().slideToggle(350);
154      }
155  
156      setFieldAccordionPosX($trigger, $target);
157    }
158  };
159  $(function(){
160    defaultAccordionStatus();
161  
162  })
163})
164$(function(){
165  $('#AccordionBtn').on('click',function(){
166    $('.DetailBox')
167  })
168})