https://spsamhwa.com/app/themes/sknk/src/js/common/commonForm.js?ver=1791588912

1/**********찾기 부분***********************/
2function fullDownListView(){
3	$(".category_list").css("display","block");
4	TweenMax.to($(".category_list"),0,{autoAlpha:0, ease:Cubic.easeOut});
5	TweenMax.to($(".category_list"),0.5,{autoAlpha:1, ease:Cubic.easeOut});
6}
7function fullDownList(){
8	//console.log($(this).index(),$(this).text())//선택한 값 및 텍스트 변경
9	TweenMax.to($(".category_list"),0.3,{autoAlpha:0, ease:Cubic.easeOut,onComplete:function(){
10			$(".category_list").css("display","none");
11	}});
12	$('.category_toggle').text($(this).text());
13}
14function fullDownListHide(){
15	TweenMax.to($(".category_list"),0.3,{autoAlpha:0, ease:Cubic.easeOut,onComplete:function(){
16		$(".category_list").css("display","none");
17	}});
18}
19function fullDownAreaListView(){
20	$(".area_list").css("display","block");
21	TweenMax.to($(".area_list"),0,{autoAlpha:0, ease:Cubic.easeOut});
22	TweenMax.to($(".area_list"),0.5,{autoAlpha:1, ease:Cubic.easeOut});
23}
24function fullDownAreaList(){
25	//console.log($(this).index(),$(this).text())//선택한 값 및 텍스트 변경
26	TweenMax.to($(".area_list"),0.3,{autoAlpha:0, ease:Cubic.easeOut,onComplete:function(){
27			$(".area_list").css("display","none");
28		}});
29	$('.area_toggle').text($(this).text());
30}
31function fullDownAreaListHide(){
32	TweenMax.to($(".category_list"),0.3,{autoAlpha:0, ease:Cubic.easeOut,onComplete:function(){
33			$(".category_list").css("display","none");
34		}});
35}
36/**********슬라이드 버튼 오버***********************/
37function slideArrowOverHandler(e) {
38	switch ($(this).index()) {
39		case 0:
40			TweenMax.to($(this).find(".default"), 0, { left: "-50%", ease: Expo.easeOut });
41			//TweenMax.to($(this).find(".on"), 0, { left: "150%", ease: Expo.easeInOut });
42			TweenMax.to($(this).find(".on"), 0, { left: "50%", ease: Expo.easeInOut });
43			break;
44		case 1:
45			TweenMax.to($(this).find(".default"), 0, { right: "-50%", ease: Expo.easeOut });
46			//TweenMax.to($(this).find(".on"), 0, { right: "150%", ease: Expo.easeInOut });
47			TweenMax.to($(this).find(".on"), 0, { right: "50%", ease: Expo.easeInOut });
48			break;
49	}
50	TweenMax.to($(this).find("span"), 0, { alpha: 1, ease: Expo.easeOut });
51}
52function slideArrowOutHandler(e) {
53	switch ($(this).index()) {
54		case 0:
55			//TweenMax.to($(this).find(".default"), 0, { left: "150%", ease: Expo.easeInOut });
56			TweenMax.to($(this).find(".default"), 0, { left: "50%", ease: Expo.easeInOut });
57			TweenMax.to($(this).find(".on"), 0, { left: "-50%", ease: Expo.easeOut });
58			break;
59		case 1:
60			//TweenMax.to($(this).find(".default"), 0, { right: "150%", ease: Expo.easeInOut });
61			TweenMax.to($(this).find(".default"), 0, { right: "50%", ease: Expo.easeInOut });
62			TweenMax.to($(this).find(".on"), 0, { right: "-50%", ease: Expo.easeOut });
63			break;
64	}
65	TweenMax.to($(this).find("span"), 0, { alpha: 0, ease: Expo.easeOut });
66}
67/**********************************************************/
68function calcStrWidth(textfiled) {
69	$("#spanStrWidth").text(textfiled.text());
70	return ($("#spanStrWidth").outerWidth());
71}
72function underlineEffectOverHandler(){
73	if($(this).find('i').length == 0){
74		$(this).append('<i></i>')
75		$(this).find('i').css("border-color",$(this).css("color"))
76		$(this).find('i').attr("data-width",calcStrWidth($(this)))
77	}
78	let _gap = ($(this).width()-Number($(this).find('i').attr("data-width")))
79	$(this).find('i').css("left",_gap)
80	TweenMax.to($(this).find('i'), 0.7, { width: Number($(this).find('i').attr("data-width")), ease: Expo.easeOut });
81}
82function underlineEffectOutHandler(){
83	TweenMax.to($(this).find('i'), 0.5, { width: 0, ease: Expo.easeOut });
84}
85/**********************************************************/
86function tabViewClickHandler(e){
87	let beforeNum = $(this).parent().find(".active").parent().index();
88	let currentNum = $(this).index();
89	if(beforeNum == currentNum) return;
90	$(this).parent().find(".active").removeClass('active')
91	$(this).find('a').addClass('active')
92	let len = $(this).parent().find('li').length
93	let moveTar = (100/len*$(this).index())
94	TweenMax.to($(this).parent().parent().find('.tab_indicator'),0.5,{left:(moveTar+'%'), ease:Cubic.easeOut});
95	$(".content_tab"+beforeNum).css("display","none")
96	$(".content_tab"+currentNum).css("display","block")
97	defaultTopReset();
98	TweenMax.to($(".content_tab"+currentNum),0,{alpha:0, ease:Cubic.easeOut});
99	TweenMax.to($(".content_tab"+currentNum),1.2,{alpha:1, ease:Cubic.easeOut});
100}
101/**********************************************************/
102$(document).ready(function(){
103	// change_default_link()
104	/**********찾기 부분***********************/
105	$(document).on("mousedown",'.category_toggle', fullDownListView);
106	$(document).on("mousedown",'.category_list li', fullDownList);
107	$(document).on("mouseleave",'.category_list', fullDownListHide);
108	$(document).on("mousedown",'.area_toggle', fullDownAreaListView);
109	$(document).on("mousedown",'.area_list li', fullDownAreaList);
110	$(document).on("mouseleave",'.area_list', fullDownAreaListHide);
111	/**********슬라이드 버튼 오버***********************/
112	$(document).on("mouseover",'.slider_nav button', slideArrowOverHandler);
113	$(document).on("mouseout",'.slider_nav button', slideArrowOutHandler);
114	/***********버튼 오버 효과(언더라인)************************************/
115	$('body').append('<button  id="spanStrWidth" style="visibility:hidden; position:absolute; top:-10000; font-size:16px;letter-spacing: -0.7px;">')
116	$(".underline").each(function(){
117		if($(this).find('i').length == 0){
118			$(this).append('<i></i>')
119		}
120		$(this).find('i').css("border-color",$(this).css("color"))
121		$(this).find('i').attr("data-width",calcStrWidth($(this)))
122	})
123	$(document).on("mouseover",'.underline', underlineEffectOverHandler);
124	$(document).on("mouseout",'.underline', underlineEffectOutHandler);
125	//*************************************************************/
126	$(document).on("click",'.common_tab li', tabViewClickHandler);
127});