https://www.kcabinternational.or.kr/comm/js/core.js

1$(document).ready(function(){
2    $('button.btnMenu').click(activeToggleClass);
3    $('button.btnMenu').click(function(){
4        $('.menuAll').toggleClass('active');
5        $('.menuMobilePanel').toggleClass('active');
6        $('.menuDep01List li ul').hide();
7        $('.menuDep01List h3').parent().siblings().removeClass('active');
8    });
9    $('footer .customSelect button').click(activeToggleClass);
10
11    $('.langWrap').mouseenter(activeAddClass);
12    $('.langWrap').mouseleave(activeRemoveClass);
13
14    $('.dep02List li').hover(activeToggleClass);
15
16    // menuDropPanel();
17    siteMapFunction();
18    customSelect();
19    customSelectSub();
20    tabButtonFunction();
21    accordionFunction();
22    aboutPopFunction();
23    mediatorPopFunction();
24    signPopFunction();
25});
26
27function activeAddClass(){
28    $(this).addClass('active');
29}
30function activeRemoveClass(){
31    $(this).removeClass('active');
32}
33function activeToggleClass(){
34    $(this).toggleClass('active');
35}
36
37function menuDropPanel(){
38    $('.menuDefault nav').mouseenter(function(){
39        $('.menuDropPanel').addClass('active');
40    });
41
42    $('.header').mouseleave(function(){
43        $('.menuDropPanel').removeClass('active');
44    });
45
46    $('.menuDropPanel ol>li').mouseenter(function(){
47        var dep2Index = $(this).index();
48        $('.menuDefault nav ul li').removeClass('active');
49        $('.menuDefault nav ul li:nth-of-type('+ (dep2Index+1) +')').addClass('active');
50    });
51    $('.menuDropPanel').mouseleave(function(){
52        $('.menuDefault nav ul li').removeClass('active');
53        $('.menuDropPanel').removeClass('active');
54    });
55
56    $('.menuDefault nav ul li').mouseenter(function(){
57        var dep1Index = $(this).index();
58        $('.menuDefault nav ul li').removeClass('active');
59        $(this).addClass('active');
60        $('.menuDropPanel ol>li').removeClass('active');
61        $('.menuDropPanel ol>li:nth-of-type('+ (dep1Index+1) +')').addClass('active');
62    });
63    $('.menuDefault nav ul li').mouseleave(function(){
64        $('.menuDefault nav ul li').removeClass('active');
65        $('.menuDropPanel ol>li').removeClass('active');
66    });
67}
68
69function siteMapFunction(){
70    $('.menuDep01List li ul').hide();
71    $('.menuDep01List h3').click(function() {
72        $('.menuDep01List h3+ul').stop().slideUp(300);
73        $(this).parent().siblings().removeClass('active');
74        $(this).next('.menuDep01List h3+ul').stop().slideToggle(300);
75        $(this).parent().toggleClass('active');
76    });
77}
78
79function customSelect(){
80    $('footer .customSelect button').click(function(){
81        console.log(1);
82        $(this).siblings().toggleClass('active');
83    });
84}
85
86function customSelectSub(){
87    $('.subContent>ol button').click(function(){
88        console.log(1);
89        $(this).siblings().toggleClass('active');
90    });
91}
92
93function tabButtonFunction(){
94    $('.tabButtonBox button').click(function(){
95        var tabID = $(this).attr('data-tabName');
96
97        $('.tabButtonBox button').removeClass('active');
98        $(this).addClass('active');
99
100        $('.tabContent').removeClass('active');
101        $('#'+tabID).addClass('active');
102
103    });
104
105    $('.subTabButtonBox button').click(function(){
106        var tabID = $(this).attr('data-tabName');
107
108        $('.subTabButtonBox button').removeClass('active');
109        $(this).addClass('active');
110
111        $('.subTabContent').removeClass('active');
112        $('#'+tabID).addClass('active');
113
114    });
115
116    $('.rulesTabButton button').click(function(){
117        var tabID = $(this).attr('data-tabName');
118
119        $('.rulesTabButton li').removeClass('active');
120        $(this).parent().addClass('active');
121
122        $('.rulesTabContent').removeClass('active');
123        $('#'+tabID).addClass('active');
124
125    });
126}
127
128function accordionFunction(){
129    $('.listType4 .faq_answer_box').hide();
130    $(document).on('click', '.listType4 h4', function() {
131        // 기존 로직 그대로 유지
132        $('.faq_answer_box').stop().slideUp(300); // 다른 열린 것 닫기
133
134        // 클릭된 요소의 상태 처리
135        $(this).parents().siblings().removeClass('active');
136        $(this).parents().toggleClass('active');
137
138        // 클릭된 요소의 다음 내용 열기/닫기
139        $(this).next('.faq_answer_box').stop().slideToggle(300);
140    });
141
142    $('.listType7 .accordionContent').hide();
143    $(document).on('click', '.listType7 .accordionBox', function() {
144        $('.accordionContent').stop().slideUp(300);
145        $(this).parents().siblings().removeClass('active');
146        $(this).parents().toggleClass('active');
147        $(this).next('.accordionContent').stop().slideToggle(300);
148    });
149
150    $('.listType12 .listType13').hide();
151    $(document).on('click', '.listType12 h4', function() {
152        $('.listType13').stop().slideUp(300);
153        $(this).parents().siblings().removeClass('active');
154        $(this).parents().toggleClass('active');
155        $(this).next('.listType13').stop().slideToggle(300);
156    });
157
158    $('.listType13 .listType14').hide();
159    $(document).on('click', '.listType13 .accordionContent', function() {
160        $('.listType14').stop().slideUp(300);
161        $(this).parents().siblings().removeClass('active');
162        $(this).parents().toggleClass('active');
163        $(this).next('.listType14').stop().slideToggle(300);
164    });
165}
166
167function signPopFunction(){
168    $('.mailBox').click(function(){
169        console.log(1);
170        $('.sign.pop').addClass('active');
171    });
172
173    $('.sign.pop').click(function(){
174        $(this).removeClass('active');
175    });
176
177    $('.sign.pop .popWrap').click(function(e){
178        e.stopPropagation();
179    });
180}
181
182function aboutPopFunction(){
183    $('.profileList button').click(function(){
184        var popId = $(this).attr('data-popName');
185

186        $('#'+popId).addClass('active');
187    });
188
189    $('.about.pop button').click(function(){
190        $('.about.pop').removeClass('active');
191    });
192
193    $('.about.pop').click(function(){
194        $(this).removeClass('active');
195    });
196
197    $('.about.pop .popWrap').click(function(e){
198        e.stopPropagation();
199    });
200}
201
202function mediatorPopFunction(){
203    $('.mediatorTable button').click(function(){
204        $('.mediator.pop').addClass('active');
205    });
206
207    $('.mediator.pop button').click(function(){
208        $('.mediator.pop').removeClass('active');
209    });
210
211    $('.cardList>li').click(function(){
212        $('.mediator.pop').addClass('active');
213    });
214
215    $('.mediator.pop').click(function(){
216        $(this).removeClass('active');
217    });
218
219    $('.mediator.pop .popWrap').click(function(e){
220        e.stopPropagation();
221    });
222}
223
224const mediaQuery = window.matchMedia("(max-width: 1279px)");
225
226function handleMediaQuery(e) {
227    if(e.matches){
228        console.log(1);
229        $('.scrollLeftBox>li h4+ul').hide();
230        $('.scrollLeftBox>li h4').click(function() {
231            $('.scrollLeftBox>li h4+ul').stop().slideUp(300);
232            $(this).next('ul').stop().slideToggle(300);
233        });
234    }else{
235
236    }
237}
238
239// 최초 실행
240handleMediaQuery(mediaQuery);
241
242// 변경 감지
243mediaQuery.addEventListener("change", handleMediaQuery);