https://ckjeju.co.kr/statics/js/common.js

1//range
2jQuery(function() {
3	$("#price-range").slider({
4	  range: true, min: 0, max: 200000, values: [0, 200000], 
5	  slide: function(event, ui) {
6		  $("#priceRange").val(ui.values[0] + "원 ~ " + ui.values[1] + "원")
7	  ;}
8	});
9	$("#priceRange").val($("#price-range").slider("values", 0) + "원 ~ " + $("#price-range").slider("values", 1) +  " 원");
10	$("span.show-more").click(function(){
11		if($("span.show-more").text() == "닫기"){
12			$("span.show-more").text("더 보기")
13			$(".roomTxt dd p").css("height","95px");
14		}else{
15			$("span.show-more").text("닫기")
16			$(".roomTxt dd p").css("height","");
17		}
18	})
19	$('.tabWrap ul.tab-type01 li').click(function() {
20      var activeTab = $(this).attr('data-tab');
21      $('.tabWrap ul.tab-type01 li').removeClass('current');
22      $('.tabWrap .tabcontent').removeClass('current');
23      $(this).addClass('current');
24      $('#' + activeTab).addClass('current');
25    });
26	$('.tabWrap ul.tab-type02 li').click(function() {
27      var activeTab = $(this).attr('data-tab');
28      $('.tabWrap ul.tab-type02 li').removeClass('current');
29      $('.tabWrap .tabcontent').removeClass('current');
30      $(this).addClass('current');
31      $('#' + activeTab).addClass('current');
32    });
33	//qna
34   $('.qnaListWrap').on('click', '.q-title', function(){
35      jQuery(this).next('.qnaCont .a-cont').slideToggle();
36      jQuery(this).parent().toggleClass('on');
37      jQuery(this).parent().siblings().children('.qnaCont .a-cont').slideUp();
38      jQuery(this).parent().siblings().removeClass('on');
39   });
40	//faq
41   $('.faqWrap').on('click', '.subject', function(){
42      jQuery(this).next('.faqCont').slideToggle();
43      jQuery(this).parent().toggleClass('on');
44      jQuery(this).parent().siblings().children('.faqCont').slideUp();
45      jQuery(this).parent().siblings().removeClass('on');
46   });
47	$(".pop-cont .cancle-view-tit").click(function(){
48        $(".pop-cont .p-cancle-txt").slideToggle("fast");
49        $(this).toggleClass("on");
50    });
51	
52});
53//top
54jQuery(function () {
55   var goTop = $('#go-top');
56
57   $(window).scroll(function() {
58     if ($(window).scrollTop() > 500) {
59      goTop.addClass('show');
60     } else {
61      goTop.removeClass('show');
62     }
63   });
64
65   goTop.on('click', function(e) {
66     e.preventDefault();
67     $('html, body').animate({scrollTop:0}, '300');
68   });
69});
70//sticky
71$(document).on("scroll", function () {
72  if ($(document).scrollTop() > 100) {
73    $("header.main .lineCont1").addClass("sticky");
74  } else {
75    $("header.main .lineCont1").removeClass("sticky");
76  }
77});
78
79//popup
80jQuery(function () {
81   layer_Pop();
82   map_Pop();
83  full_layer_Pop();
84});
85//search Popup 
86var layer_Pop = function() {
87   jQuery(document).on('click','.pop-layer', function() {
88        var $href = jQuery(this).attr('href');
89        var $open_btn = jQuery(this);
90        layer_Pop($href);
91
92        function layer_Pop(el){
93            var $el = jQuery(el);
94
95            jQuery("body").append(jQuery("<div id='dimmd-layer'></div>"));
96            $el.attr("tabindex", "0").fadeIn().focus();
97
98            var $elWidth = $el.outerWidth(),
99                $elHeight = $el.outerHeight(),
100                docWidth = jQuery(document).width(),
101                docHeight = jQuery(document).height();
102
103            if ($elHeight < docHeight || $elWidth < docWidth) {
104                $el.css({
105                    marginTop: -$elHeight /2,
106                    marginLeft: -$elWidth/2
107                })
108            } else {
109                $el.css({top: 0, left: 0});
110            }
111
112            $el.find('.pop-close').click(function(){
113               jQuery("#dimmd-layer").remove();
114                $el.fadeOut().removeAttr("tabindex"); 
115                $open_btn.focus();
116                return false;
117            }); 
118        }
119    })
120};
121//map Popup 
122var map_Pop = function() {
123   jQuery(document).on('click','.map-pop-layer', function() {
124        var $href = jQuery(this).attr('href');
125        var $open_btn = jQuery(this);
126        map_Pop($href);
127
128        function map_Pop(el){
129            var $el = jQuery(el);
130
131            $el.attr("tabindex", "0").fadeIn().focus();
132			
133            $el.find('.pop-close').click(function(){
134               jQuery("#dimmd-layer").remove();
135                $el.fadeOut().removeAttr("tabindex"); 
136                $open_btn.focus();
137                return false;
138            });    
139			$el.attr("tabindex", "0").fadeIn().focus();
140        }
141    })
142};
143var full_layer_Pop = function() {
144   jQuery(document).on('click','.full-pop-layer', function() {
145        var $href = jQuery(this).attr('href');
146        var $open_btn = jQuery(this);
147        full_layer_Pop($href);
148	   
149        function full_layer_Pop(el){
150            var $el = jQuery(el);
151			
152            $el.attr("tabindex", "0").fadeIn().focus();
153			
154            $el.find('.full-pop-close').click(function(){
155               jQuery("#dimmd-layer").remove();
156                $el.fadeOut().removeAttr("tabindex"); 
157                $open_btn.focus();
158                return false;
159            });    
160			$el.attr("tabindex", "0").fadeIn().focus();
161			
162			var swiper = new Swiper(".room-layer-Slider", {
163				pagination: {
164				  el: ".swiper-pagination",
165				},
166
167			});

168			swiper.update();
169        }
170    })
171};
172$(document).on("scroll", function () {
173  if ($(document).scrollTop() > 300) {
174    $(".cartOrder").addClass("fixed");
175  } else {
176    $(".cartOrder").removeClass("fixed");
177  }
178});
179$(document).on("scroll", function () {
180  if ($(document).scrollTop() > 800) {
181    $(".car-price").addClass("fixed");
182  } else {
183    $(".car-price").removeClass("fixed");
184  }
185});