https://botemfair.kr/resources/js/custom.js

1jQuery(function ($) {
2  //aside
3  $('.asidebar').hover(function(){
4    $(this).addClass('wide');
5  },function(){
6    $(this).removeClass('wide');
7    if($('.aside li').hasClass('active')){
8      $('.aside li').removeClass('active');
9      $('.aside li').find('ul').slideUp(300);
10    };
11  });
12  $('.asidebar > .close').click(function(){
13    $('.asidebar').removeClass('wide');
14  });
15
16  $(function(){
17    /*var aside = $('.aside');
18
19    aside.find('li a').click(function(e){*/
20    $(document).on('click', '.aside>li>a', function(e) {
21      var li = $(this).parent();
22
23      if(li.find('ul').length > 0){
24        e.preventDefault();
25
26        if(li.hasClass('active')){
27          li.removeClass('active').find('li').removeClass('active');
28          li.find('ul').slideUp(300);
29        }else{
30
31          if(li.parents('li.active').length == 0){
32            /*aside.find('li').removeClass('active');
33            aside.find('ul').slideUp(300);*/
34            $('.aside li').removeClass('active');
35            $('.aside ul').slideUp(300);
36          }else{
37            li.parent().find('li').removeClass('active');
38            li.parent().find('> li ul').slideUp(300);
39          }
40
41          li.addClass('active');
42          li.find('>ul').slideDown(300);
43        }
44      };
45    });
46  });
47
48  // mobile - header
49  $('.m-gnb-btn').on('click',function(){
50    if($(this).hasClass('gnb-open')){
51      $('body').removeClass('layer-open');
52      // $('.dim').remove();
53      $(this).removeClass('gnb-open');
54      $('#gnb').removeClass('gnb-open');
55      $(".noheader").addClass("transparent");
56      $(".noheader").addClass("background");
57      // 20221215추가
58      $(".menu .menu_li > a").next("div").slideUp(400);
59      // $("a.dim").off('click');
60    } else {
61      $('body').addClass('layer-open');
62      // $(this).before('<a class="dim"></a>');
63      $(this).addClass('gnb-open');
64      $('#gnb').addClass('gnb-open');
65
66      $(".noheader").removeClass("transparent");
67      $(".noheader").removeClass("background");
68      $("a.dim").on('click', function(){
69        $('.m-gnb-btn').trigger('click');
70
71      });
72    }
73  });
74
75  //mobile - aside
76  asideOpen($('#mypage-btn'), $('#mpnb'));
77  asideOpen($('#network-btn'), $('#ncnb'));
78
79  function asideOpen(btnObj, asideObj) {
80    $(btnObj).on('click',function(){
81      $('body').addClass('layer-open');
82      $(this).parents().next('.asidebar').before('<a class="dim"></a>');
83      $(this).addClass('aside-open');
84      $(asideObj).addClass('aside-open');
85      $('.dim').on('click', function(){
86        $('body').removeClass('layer-open');
87        $('.dim').remove();
88        $(this).removeClass('aside-open');
89        $(asideObj).removeClass('aside-open');
90      });
91    });
92    $('.asidebar .close').on('click',function(){
93      $('body').removeClass('layer-open');
94      $('.dim').remove();
95      $(this).removeClass('aside-open');
96      $(asideObj).removeClass('aside-open');
97    });
98  }
99
100  //페이지 공유하기
101  $(".share-btn").on('click',function(){
102    $(this).next('.sns-list').show();
103  });
104
105  //아코디언
106  $(".sub-title.tog").on('click',function(event){
107    event.stopPropagation();
108    $(this).toggleClass('off');
109    $(this).next("div.tog").slideToggle(200);
110  });
111
112  // 검색 탭
113  $('.cate-list').click(function() {
114    var activeTab = $(this).attr('data-tab');
115    // $('.cate-list').removeClass('current');
116    // $('.cate-list-tab').removeClass('current');
117
118    if($(this).hasClass('current')){
119      $(this).removeClass('current');
120      $('#' + activeTab).removeClass('current');
121    } else{
122      $('.cate-list').removeClass('current');
123      $('.cate-list-tab').removeClass('current');
124      $(this).addClass('current');
125      $('#' + activeTab).addClass('current');
126    }
127  });
128
129  // 검색 - 플로팅
130  $('#search-btn').on('click',function(){
131    $('body').addClass('layer-open');
132    $(this).after('<a class="dim"><i class="sr-only">close</i></a>');
133    $('.search-bx').addClass('open');
134  });
135  $('.search-bx > .search-close').on('click',function(){
136    $('body').removeClass('layer-open');
137    $('.dim').remove();
138    $('.search-bx').removeClass('open');
139  });
140
141  // ScrollTop 버튼
142  $('#topBtn').hide();
143  $(document).scroll(function () {
144    if ($(this).scrollTop() > 0) {
145      $('#topBtn').fadeIn();
146    } else {
147      $('#topBtn').fadeOut();
148    }
149  });
150  $('#topBtn').click(function () {
151    $('body,html').animate({
152      scrollTop: 0
153    }, 200);
154    return false;
155  });
156
157  //댓글 sub-btn 버튼
158  $('.cBox-sub-btn .sub-btn').on('click', function(){
159    $(this).next('.cBox-sub-inner').toggleClass('on');
160  });
161
162  // 기업자료 다운로드 버튼
163  $('.site-list .btn2').on('click', function(){
164    if ($(this).hasClass('btn-white')) {
165      $(this).removeClass('btn-white');
166      $(this).next('.list-sub').show();
167    } else {
168      $(this).addClass('btn-white');
169      $('.list-sub').hide();
170    }
171  });
172
173  // sns 공유하기
174  $(".share-bx .sns-share").on('click',function(){
175    $(this).addClass('on');
176    $(this).next('.sns-list').show();
177  });
178  $(".sns-list .close").on('click',function(){
179    $(this).parents().prev('.sns-share').removeClass('on');
180    $(this).parents('.sns-list').hide();
181  });
182
183  /*// 푸터 로고 롤링 (7/1 수정)
184  $('#footer').slick({
185    slidesToShow: 12,
186  });
187
188  $('.ft-slider-01').slick({
189    slidesToShow: 3,
190    slidesToScroll: 1,

191    arrows: false,
192    dots: false,
193    autoplay: true,
194    autoplaySpeed: 2000,
195    infinite: true,
196    responsive: [
197      {
198        breakpoint: 1000,
199        settings: {
200          slidesToShow: 2,
201        }
202      }
203    ]
204  });
205  $('.ft-slider-02').slick({
206    slidesToShow: 3,
207    slidesToScroll: 1,
208    arrows: false,
209    dots: false,
210    autoplay: true,
211    autoplaySpeed: 2000,
212    infinite: true,
213    responsive: [
214      {
215        breakpoint: 1000,
216        settings: {
217          slidesToShow: 2,
218        }
219      }
220    ]
221  });
222  $('.ft-slider-03').slick({
223    slidesToShow: 3,
224    slidesToScroll: 1,
225    arrows: false,
226    dots: false,
227    autoplay: true,
228    autoplaySpeed: 2000,
229    infinite: true,
230    responsive: [
231      {
232        breakpoint: 1000,
233        settings: {
234          slidesToShow: 2,
235        }
236      }
237    ]
238  });*/
239
240  // header 언어 text 변경
241  $('#submit_01').click(function () {
242    $('.btn-lang').text('KO');
243  })
244  $('#submit_02').click(function () {
245    $('.btn-lang').text('EN');
246  })
247  $('#submit_03').click(function () {
248    $('.btn-lang').text('CN');
249  })
250  $('#submit_04').click(function () {
251    $('.btn-lang').text('JP');
252  })
253  $('#submit_05').click(function () {
254    $('.btn-lang').text('RU');
255  })
256});
257
258// 레이어팝업
259function callPop(classId){
260  // $(classId).bPopup();
261  var bpopup = $(classId).bPopup();
262  bpopup.reposition(0);
263}
264
265// rnd li 클릭시 드롭다운 slide
266$(document).ready(function(){
267  $(".menu.mo_ver .menu_li > a").click(function(){
268    var submenu = $(this).next("div");
269    submenu.slideToggle(400);
270    $(this).toggleClass("on");
271    $(this).parent("li").siblings("li").children("a").removeClass('on');
272    $(this).parent("li").siblings("li").children("div").slideUp(400);
273  });
274});
275
276// 20221222 수정
277$(document).ready(function(){
278  $("#goBtn").click(function(){
279    alert('생방송 시간에 만나요!')
280  });
281});
282
283$(document).ready(function(){
284  $(".event_ul > li").click(function(){
285    $(this).addClass('active');
286    $(this).siblings('li').removeClass('active');
287  });
288});
289
290document.addEventListener('DOMContentLoaded', () => {
291  if (document.querySelector('.gnb_trigger') !== null) {
292    document.querySelector('.gnb_trigger').addEventListener('click', () => {
293      document.querySelector('header').classList.toggle('open');
294      document.querySelector('html').classList.toggle('fixed');
295    });
296  }
297  // 240718 - NEW Thema GNB
298  if (document.querySelector('#header_01') !== null) {
299    const header = document.querySelector("#header_01");
300    const gnb = document.querySelectorAll("#header_01 .i_gnb > ul > li");
301    const btnGnb = document.querySelector("#header_01 .i_mobile_gnb_btn");
302    const btnGnbClose = document.querySelector("#header_01 .i_mobile_gnb_close");
303    const gnbItems = document.querySelectorAll("#header_01 .i_gnb > ul > li > a");
304    let isDesktop = null;
305
306    function addDesktopEvents() {
307      gnb.forEach((obj) => {
308        obj.addEventListener("mouseover", handleMouseOver);
309        header.addEventListener("mouseleave", handleMouseLeave);
310      });
311    }
312
313    function removeDesktopEvents() {
314      gnb.forEach((obj) => {
315        obj.removeEventListener("mouseover", handleMouseOver);
316        header.removeEventListener("mouseleave", handleMouseLeave);
317      });
318    }
319
320    function addMobileEvents() {
321      btnGnb.addEventListener("click", handleMobileClick);
322      gnbItems.forEach((item) => {
323        item.addEventListener("click", toggleGnbItem);
324      });
325    }
326
327    function removeMobileEvents() {
328      btnGnb.removeEventListener("click", handleMobileClick);
329      gnbItems.forEach((item) => {
330        item.removeEventListener("click", toggleGnbItem);
331      });
332    }
333
334    function handleDesktop() {
335      addDesktopEvents();
336      removeMobileEvents();
337    }
338
339    function handleMobile() {
340      addMobileEvents();
341      removeDesktopEvents();
342    }
343
344    function handleMouseOver() {
345      header.classList.add("open");
346    }
347
348    function handleMouseLeave() {
349      header.classList.remove("open");
350    }
351
352    function handleMobileClick() {
353      if (header.classList.contains("open")) {
354        header.classList.remove("open");
355        document.querySelector("html").classList.remove("fixed");

356        gnbItems.forEach(function (item) {
357          item.classList.remove("on");
358        });
359      } else {
360        header.classList.add("open");
361        document.querySelector("html").classList.add("fixed");
362      }
363    }
364
365    btnGnbClose.addEventListener('click',function(){
366      header.classList.remove("open");
367      document.querySelector("html").classList.remove("fixed");
368    });
369
370    function toggleGnbItem(event) {
371      const self = this;
372      const nextElement = self.nextElementSibling;
373      if (nextElement && nextElement.classList.contains('i_depth_02')) {
374        event.preventDefault();
375        gnbItems.forEach(function (otherItem) {
376          if (otherItem !== self) {
377            otherItem.classList.remove("on");
378          }
379        });
380        self.classList.toggle("on");
381      }
382    }
383
384    function handleResize() {
385      const shouldBeDesktop = window.matchMedia("(min-width: 1300px)").matches;
386      if (shouldBeDesktop !== isDesktop) {
387        isDesktop = shouldBeDesktop;
388        if (isDesktop) {
389          handleDesktop();
390        } else {
391          handleMobile();
392        }
393      }
394    }
395
396    handleResize();
397    window.addEventListener("resize", handleResize);
398  }
399});
400
401const Layer_OPEN = (obj) => {
402  document.querySelector('html').classList.add('fixed');
403  document.querySelector(obj).classList.add('open');
404};
405
406const Layer_CLOSE = (obj) => {
407  document.querySelector('html').classList.remove('fixed');
408  document.querySelector(obj).classList.remove('open');
409};
410
411// 마우스휠 가로스크롤
412function horizontalScroll(selector) {
413  const scrollContainer = document.querySelector(selector);
414  const scrollSpeed = 50; //스크롤 속도
415  scrollContainer.addEventListener('wheel', (event) => {
416    scrollContainer.scrollLeft += (event.deltaY > 0) ? scrollSpeed : -scrollSpeed;
417    const maxScrollLeft = scrollContainer.scrollWidth - scrollContainer.clientWidth;
418    if (scrollContainer.scrollLeft <= 0) {
419      return;
420    } else if (scrollContainer.scrollLeft >= maxScrollLeft) {
421      return;
422    }
423    event.preventDefault(); // 기본 스크롤 동작 방지
424  });
425}