https://magicsing.com/shop/js/ui.js

1$(document).ready(function(){
2
3  // 헤더 각 메뉴 hover
4  $('.gnbli > a').mouseenter(function () {
5      $('.sub_menu').hide();
6      $(this).parents('li').find('.sub_menu').slideDown();
7  });
8  $('.gnbul').mouseleave(function () {
9      $('.sub_menu').hide();
10  });
11
12  // 태블릿, 모바일 메뉴 클릭
13  $('.m_menu_i').click(function (){
14    $('body').addClass('on');
15    $('.bg000').show();
16    $(this).toggleClass('on');
17    $('.m_menuwrap').toggle();
18    return false;
19  });
20
21  $('.m_menu_ul > li > a').click(function () {
22      $(this).parents('li').siblings().removeClass('on');
23      $(this).parents('li').toggleClass('on');
24      $(this).parents('li').siblings().find('.depul').slideUp();
25      $(this).next('.depul').slideToggle();
26  });
27
28  $('.m_xbtn').click(function (){
29    $('body').removeClass('on');
30    $('.bg000').hide();
31    $(this).removeClass('on');
32    $('.m_menuwrap').hide();
33    return false;
34  });
35
36  // 메인 슬라이드
37  $('.slideul').owlCarousel({
38   autoplay:true,
39   loop:true,
40   nav:true,
41   responsive:{
42       0:{
43           items:1
44       },
45       600:{
46           items:1
47       },
48       1000:{
49           items:1
50       }
51   }
52 });
53
54 // 메인  BEST PRODUCTS 슬라이드
55 $('.productsul').owlCarousel({
56    // autoplay:true,
57    margin:30,
58    // loop:true,
59    nav:true,
60    responsive:{
61        0:{
62            items:1
63        },
64        600:{
65            items:1
66        },
67        1000:{
68            items:3
69        }
70    }
71});
72
73 // 메인 REVIEW슬라이드
74 $('.reviewul').owlCarousel({
75    // autoplay:true,
76    margin:50,
77    loop:true,
78    nav:true,
79    responsive:{
80        0:{
81            items:1
82        },
83        600:{
84            items:2
85        },
86        1000:{
87            items:4
88        }
89    }
90 });
91
92  // 서브 snb
93  $('.selectitle').click(function () {
94      $(this).parents('li').siblings().find('.selectitle').removeClass('on');
95      $(this).toggleClass('on');
96      $(this).parents('li').siblings().find('.selecul').hide();
97      $(this).next('.selecul').slideToggle();
98      return false;
99  });
100
101  $('.pop_x').click(function () {
102      $('.shop_pop').hide();
103      $('.write_pop').hide();
104      $('.review_pop').hide();
105      return false;
106  });
107
108 // PRODUCTS > 뷰페이지 > tab 클릭시
109 $('.box01').click(function () {
110      var htu01 = $('#tab01').offset().top - 158
111      $('body,html').animate({
112          scrollTop: htu01
113      });
114      return false;
115  });
116  $('.box02').click(function () {
117      var htu02 = $('#tab02').offset().top - 158
118      $('body,html').animate({
119          scrollTop: htu02
120      });
121      return false;
122  });
123  $('.box03').click(function () {
124      var htu03 = $('#tab03').offset().top - 158
125      $('body,html').animate({
126          scrollTop: htu03
127      });
128      return false;
129  });
130  $('.box04').click(function () {
131      var htu04 = $('#tab04').offset().top - 158
132      $('body,html').animate({
133          scrollTop: htu04
134      });
135      return false;
136  });
137
138  // 아이디/비밀번호 찾기 tab
139  $('.find_tab > li > a').click(function () {
140      $(this).parents('li').siblings().removeClass('on');
141      $(this).parents('li').addClass('on');
142      var idx = $(this).parents('li').index();
143      $('.conbox').removeClass('tab_on');
144      $('.conbox').eq(idx).addClass('tab_on');
145      return false;
146  });
147
148
149})