$(document).ready(function() {
////////////////
// 이용동의 (클라/전문가 기본정보입력)
////////////////
$('.all_terms .inp').click(function() {
var chk = $(this).is(':checked');
if(chk) {
$('.terms .inp').prop('checked',true);
}else {
$('.terms .inp').prop('checked',false);
}
});
$('.terms .inp').click(function() {
$('.all_terms .inp').prop('checked',false);
var n = $('.terms .inp:checked').length;
if(n == 3) {
$('.all_terms .inp').prop('checked',true);
}
});
////////////////
// 서브 이용안내 클릭
////////////////
$('.info_wrap .info').click(function() {
$('.pop_info').toggleClass('hide');
});
$('.pop_info button').click(function() {
$('.pop_info').addClass('hide');
});
////////////////
// table 전체선택/해제
////////////////
$('.inp[name=chkall]').click(function() {
if ($(this).prop('checked')) {
$(this).parents('table').find('.inp[name=chk]').prop('checked',true);
} else {
$(this).parents('table').find('.inp[name=chk]').prop('checked',false);
}
});
$('.inp[name=chk]').click(function() {
$(this).parents('table').find('.inp[name=chkall]').prop('checked',false);
});
////////////////
// input css
////////////////
$('.inp[type=text], .inp[type=password]').focus(function() {
$('.inp').removeClass('inp_add');
$(this).addClass('inp_add');
});
$('.inp').focusout(function() {
$(this).removeClass('inp_add');
});
////////////////
// slider (section)
////////////////
$('.slide .slide_btn_wrap .btn_rgt').click(function() {
var n = $(this).index('.btn_rgt');
$('.slide:eq('+ n +') .list_thumb ul').stop().animate({
'margin-left':'-197px'
},700,function() {
$('.slide:eq('+ n +') .list_thumb ul').append($('.slide:eq('+ n +') .list_thumb li:first-child'));
$('.slide:eq('+ n +') .list_thumb ul').css('margin-left',0);
});
});
$('.slide .slide_btn_wrap .btn_lft').click(function() {
var n = $(this).index('.btn_lft');
$('.slide:eq('+ n +') .list_thumb ul').prepend($('.slide:eq('+ n +') .list_thumb li:last-child'));
$('.slide:eq('+ n +') .list_thumb ul').css('margin-left','-197px');
$('.slide:eq('+ n +') .list_thumb ul').stop().animate({
'margin-left':0
},700);
});
////////////////
// slider thumb_wide (section)
////////////////
$('.slide.wide .slide_btn_wrap .btn_rgt').click(function() {
var n = $(this).index('.btn_rgt');
$('.slide:eq('+ n +') .list_thumb_wide ul').stop().animate({
'margin-left':'-292px'
},700,function() {
$('.slide:eq('+ n +') .list_thumb_wide ul').append($('.slide:eq('+ n +') .list_thumb_wide li:first-child'));
$('.slide:eq('+ n +') .list_thumb_wide ul').css('margin-left',0);
});
});
$('.slide.wide .slide_btn_wrap .btn_lft').click(function() {
var n = $(this).index('.btn_lft');
$('.slide:eq('+ n +') .list_thumb_wide ul').prepend($('.slide:eq('+ n +') .list_thumb_wide li:last-child'));
$('.slide:eq('+ n +') .list_thumb_wide ul').css('margin-left','-292px');
$('.slide:eq('+ n +') .list_thumb_wide ul').stop().animate({
'margin-left':0
},700);
});
////////////////
// slider2 (main3)
////////////////
$('.slide2 .slide_btn_wrap .btn_rgt').click(function() {
var n = $(this).index('.btn_rgt');
$('.slide2:eq('+ n +') .list_thumb ul').stop().animate({
'margin-left':'-192px'
},700,function() {
$('.slide2:eq('+ n +') .list_thumb ul').append($('.slide2:eq('+ n +') .list_thumb li:first-child'));
$('.slide2:eq('+ n +') .list_thumb ul').css('margin-left',0);
});
});
$('.slide2 .slide_btn_wrap .btn_lft').click(function() {
var n = $(this).index('.btn_lft');
$('.slide2:eq('+ n +') .list_thumb ul').prepend($('.slide2:eq('+ n +') .list_thumb li:last-child'));
$('.slide2:eq('+ n +') .list_thumb ul').css('margin-left','-192px');
$('.slide2:eq('+ n +') .list_thumb ul').stop().animate({
'margin-left':0
},700);
});
////////////////
// slider slick (프로필-활동사진,동영상)
////////////////
$('.img_slider').slick({
arrows:false,
// prevArrow:'',
// nextArrow:'',
dots:true,
customPaging:function(slider, i) {
var thumb = $(slider.$slides[i]).data('thumb');
return '
';
},
});
$('.img_slider').append('');
$('.img_slider .btn_prev').on('click', function(){
$(this).parents('.img_slider').slick('slickPrev');
});
$('.img_slider .btn_next').on('click', function(){
$(this).parents('.img_slider').slick('slickNext');
});
////////////////
// paging
////////////////
$('.paging a').click(function() {
$(this).parent().children().removeClass('on');
$(this).addClass('on');
});
////////////////
// header util id_pop
////////////////
$('.header .util li .id').click(function() {
$('.header .util li .id_pop').toggleClass('hide');
});
$('body').on('click', function(e){
var $tgPoint = $(e.target);
var $popCallBtn = $tgPoint.hasClass('id')
var $popArea = $tgPoint.hasClass('id_pop')
if ( !$popCallBtn && !$popArea ) {
$('.id_pop').addClass('hide');
}
});
////////////////
// header h1 flip
////////////////
var h1_flip = function() {
setInterval(function() {
$('.header_top .h1.flip').toggleClass('deg');
}, 5000);
$('.header_top .h1.flip').stop().hover(function() {
$(this).toggleClass('deg');
});
}();
////////////////
// header gnb 하위메뉴
////////////////
$('.gnb, .gnb_depth').hover(function() {
$('.gnb_depth').stop().slideDown('fast');
},function() {
$('.gnb_depth').stop().slideUp('fast');
});
////////////////
// header gnb check
////////////////
$('.gnb li, .gnb_depth .depth').hover(function() {
var n = $(this).index();
$('.gnb .img_chk').eq(n).css('display','block');
},function() {
$('.gnb .img_chk').css('display','none');
});
////////////////
// header 이벤트 이미지 슬라이드
////////////////
var s = setInterval(function(){eventImg()},4000);
function eventImg() {
$('.gnb_depth .event_img ul').stop().animate({
'margin-left':'-147px'
},700,function() {
$('.gnb_depth .event_img ul').append($('.event_img li:first-child'));
$('.gnb_depth .event_img ul').css('margin-left',0);
});
}
function eventStop() {
clearInterval(s);
}
$('.gnb_depth .event .btn_c').click(function() {
eventStop();
});
//클릭 슬라이드
$('.gnb_depth .event .btn_r').click(function() {
$('.event_img ul').stop().animate({
'margin-left':'-147px'
},700,function() {
$('.event_img ul').append($('.event_img ul li:first-child'));
$('.event_img ul').css('margin-left',0);
});
});
$('.gnb_depth .event .btn_l').click(function() {
$('.event_img ul').prepend($('.event_img ul li:last-child'));
$('.event_img ul').css('margin-left','-147px');
$('.event_img ul').stop().animate({
'margin-left':0
},700);
});
////////////////
// header main_menu icon_chk
////////////////
$('.main_menu_list li').click(function() {
var n = $(this).index();
$('.main_menu_list li .icon_chk').addClass('hide');
$('.main_menu_list li .icon_chk').removeClass('chk_fixed');
$(this).find('.icon_chk').removeClass('hide');
$(this).find('.icon_chk').addClass('chk_fixed');
//main_menu_resp
$('.main_menu_resp li a').removeClass('menu_on');
$('.main_menu_resp li a').eq(n).addClass('menu_on');
$('.main_menu_resp li .icon_chk').addClass('hide');
$('.main_menu_resp li .icon_chk').eq(n).removeClass('hide');
});
//main_menu 하위메뉴
$('.main_menu').hover(function() {
$('.main_menu_depth').css('display','block');
$('.main_menu_depth').stop().animate({
'width':'1257px'
},200);
},function() {
$('.main_menu_depth').css({'display':'none','width':'600px'});
});
$('.main_menu_depth ul').hover(function() {
var n = $(this).index();
$('.main_menu_list li .icon_chk').eq(n).removeClass('hide');
},function() {
$('.main_menu_list li .icon_chk').addClass('hide');
$('.main_menu_list li .icon_chk.chk_fixed').removeClass('hide');
});
$('.main_menu_depth ul li a').click(function() {
var n = $(this).parents('ul').index();
//main_menu_list
$('.main_menu_list li .icon_chk').addClass('hide');
$('.main_menu_list li .icon_chk').removeClass('chk_fixed');
$('.main_menu_list li .icon_chk').eq(n).removeClass('hide');
$('.main_menu_list li .icon_chk').eq(n).addClass('chk_fixed');
//main_menu_resp
$('.main_menu_resp li a').removeClass('menu_on');
$('.main_menu_resp li a').eq(n).addClass('menu_on');
$('.main_menu_resp li .icon_chk').addClass('hide');
$('.main_menu_resp li .icon_chk').eq(n).removeClass('hide');
});
////////////////
// gnb (@media 1690px)
////////////////
$('.main_menu_resp li a').click(function() {
var n = $(this).parents('li').index();
$('.main_menu_resp li .icon_chk').addClass('hide');
$('.main_menu_resp li a').removeClass('menu_on');
$(this).children().removeClass('hide');
$(this).addClass('menu_on');
//main_menu_list
$('.main_menu_list li .icon_chk').addClass('hide');
$('.main_menu_list li .icon_chk').removeClass('chk_fixed');
$('.main_menu_list li .icon_chk').eq(n).removeClass('hide');
$('.main_menu_list li .icon_chk').eq(n).addClass('chk_fixed');
});
////////////////
// visual
////////////////
var visual = 1;
var v = setInterval(function(){visualSlide()},30000);
function visualSlide() {
//visual image
$('.slide_visual li').removeClass('ani');
$('.slide_visual li').eq(visual).addClass('ani');
//visual nav btn
$('.nav_visual li a').removeClass('ani');
$('.nav_visual li a').eq(visual).addClass('ani');
visual++;
if (visual===4) {visual = 0}
//console.log(visual);
}
//visual nav click
$('.nav_visual li a').click(function() {
var n = $(this).parent('li').index();
//console.log(n);
//visual image
$('.slide_visual li').removeClass('ani');
$('.slide_visual li').eq(n).addClass('ani');
//visual nav btn
$('.nav_visual li a').removeClass('ani');
$('.nav_visual li:eq('+n+') a').addClass('ani');
visual = n;
});
////////////////
// 퀵메뉴 (@media 1690px)
////////////////
$('.right_quick.resp .q_btn').click(function() {
var n = $('.right_quick.resp').css('right');
if (n == '0px') {
$('.right_quick.resp').animate({right:-167}, function() {
$('.q_btn span').text('◀');
});
} else {
$('.right_quick.resp').animate({right:0}, function() {
$('.q_btn span').text('▶');
});
}
});
////////////////
// 전지연 전체메인 이미지 오버랩
////////////////
var img_overlap = function() {
setInterval(function() {
$('.thumb_wide .wrap_img.overlap_01 img').toggleClass('frt');
}, 5000);
setInterval(function() {
$('.thumb_wide .wrap_img.overlap_02 img').toggleClass('frt');
}, 5800);
setInterval(function() {
$('.thumb_wide .wrap_img.overlap_03 img').toggleClass('frt');
}, 5300);
}();
////////////////
// 회원가입 left_menu
////////////////
$('.left_menu .left_menu_list li').click(function() {
var n = $(this).index();
$('.left_menu_list .icon_chk').addClass('hide');
$('.left_menu_list .icon_arrow').removeClass('color_on');
$(this).children('.icon_chk').removeClass('hide');
$(this).children('.icon_arrow').addClass('color_on');
//join expert
$('.left_menu_depth .icon_arrow').removeClass('color_on');
});
//join_ex left_menu 분야별전문가등록
$('.join_ex .left_menu_list .li_nth3').click(function() {
$('.join_ex .left_menu_depth .icon_arrow').removeClass('color_on');
$('.join_ex .left_menu_depth .icon_arrow:eq(0)').addClass('color_on');
});
//join_ex left_menu_depth
$('.join_ex .left_menu_depth dt, .join_ex .left_menu_depth dd').click(function() {
$('.join_ex .left_menu_list .icon_chk').addClass('hide');
$('.join_ex .left_menu_list .icon_arrow').removeClass('color_on');
$('.join_ex .left_menu_list .li_nth3 .icon_chk').removeClass('hide');
$('.join_ex .left_menu_list .li_nth3 .icon_arrow').addClass('color_on');
$('.join_ex .left_menu_depth .icon_arrow').removeClass('color_on');
$(this).children('.icon_arrow').addClass('color_on');
});
////////////////
// 마이페이지 left_menu
////////////////
$('.left_menu2 .left_menu_list').click(function() {
$(this).next().toggleClass('hide');
});
//쪽지함,적립금관리
$('.left_menu2 .single_menu .left_menu_list').click(function() {
$('.left_menu_list .icon_chk').addClass('hide');
$('.left_menu_list .icon_arrow').removeClass('color_on');
$('.left_menu_depth li .icon_arrow').removeClass('color_on');
$(this).children('.icon_chk').removeClass('hide');
$(this).children('.icon_arrow').addClass('color_on');
});
$('.left_menu2 .left_menu_depth li').click(function() {
var n = $(this).parents('dd').index('.left_menu_depth');
$('.left_menu_list .icon_chk').addClass('hide');
$('.left_menu_list .icon_arrow').removeClass('color_on');
$('dl .left_menu_list').eq(n).children().removeClass('hide');
$('dl .left_menu_list').eq(n).children('span:last-child').addClass('color_on');
$('.left_menu_depth li .icon_arrow').removeClass('color_on');
$(this).children('.icon_arrow').addClass('color_on');
});
////////////////
// 서브페이지 left_menu
////////////////
$('.left_menu3 .list_menu dd').click(function() {
var n = $(this).index('dd');
$('.left_menu3 .list_menu dd').removeClass('color_on');
$(this).addClass('color_on');
$('.main3 .main_con_wrap').addClass('hide');
$('.main3 .main_con_wrap').eq(n).removeClass('hide');
//분야별찾기, 분야별찾기카테고리 초기화
$('.section_tit .dsc_prt').text($('.field li:first-child').text());
$('.left_menu3 .field_con li').removeClass('color_on');
$('.left_menu3 .field_con li:first-child').addClass('color_on');
$('.section_tit .dsc_prt2').text($('.field_sub .prt').text());
$('.field_sub td').removeClass('color_on');
$('.field_sub tr:first-child td:first-child').addClass('color_on');
});
//분야별 찾기 색상변환
$('.left_menu3 .field_con li').click(function() {
$('.left_menu3 .field_con li').removeClass('color_on');
$(this).addClass('color_on');
});
//분야별찾기 하위카테고리 색상변환
$('.field_sub .tbl_field td').click(function() {
var n = $(this).parents('div').index('.field_sub');
var a = $(this).text();
if (a != "") {
$('.field_sub:eq('+ n +') td').removeClass('color_on');
$(this).addClass('color_on');
}
});
//분야별찾기 클릭시 h2 변경
$('.section_tit .dsc_prt').text($('.field li:first-child').text());
$('.left_menu3 .field li').click(function() {
var txt = $(this).text();
$('.section_tit .dsc_prt').text(txt);
//분야별찾기 하위카테고리 초기화
$('.field_sub td').removeClass('color_on');
$('.field_sub tr:first-child td:first-child').addClass('color_on');
$('.section_tit .dsc_prt2').text($('.field_sub .prt').text());
});
//분야별찾기 하위카테고리 클릭시 h2 변경
$('.section_tit .dsc_prt2').text($('.field_sub .prt').text()); //카테고리 갯수만큼 텍스트 출력되어 클래스 지정 (추후 변경)
$('.field_sub td').click(function() {
var txt = $(this).text();
if ($(this).text() != '') {
$('.section_tit .dsc_prt2').text(txt);
}
});
////////////////
// 전체메인 tab_jjy
////////////////
$('.tab_jjy li').click(function() {
var n = $(this).index();
$('.tab_jjy li').removeClass('tab_on');
$(this).addClass('tab_on');
$('.tab_con_wrap').addClass('hide');
$('.tab_con_wrap').eq(n).removeClass('hide');
});
//tab_list 마우스오버
$('.jjy .tab_con_wrap li').hover(function() {
$(this).children('.svc_txt').stop().animate({'top':'65px'});
},function() {
$(this).children('.svc_txt').stop().animate({'top':'150px'});
});
////////////////
// 마이페이지 tab_notice
////////////////
$('.my_notice .tab_notice li').click(function() {
var n = $(this).index();
$('.my_notice .tab_notice li').removeClass('tab_on');
$(this).addClass('tab_on');
$('.my_notice .notice_con_wrap').addClass('hide');
$('.my_notice .notice_con_wrap').eq(n).removeClass('hide');
});
////////////////
// tab1
////////////////
$('.tab1 li').click(function() {
var n = $(this).index();
$('.tab1 li').removeClass('tab_on');
$(this).addClass('tab_on');
$('.tab_con_wrap').addClass('hide');
$('.tab_con_wrap').eq(n).removeClass('hide');
});
// 180620
$('.tab1_new li').click(function() {
var n = $(this).index();
$('.tab1_new li').removeClass('tab_on');
$(this).addClass('tab_on');
});
////////////////
// tab2 (프로젝트관리팝업,마일리지현황,고객센터-이용가이드)
////////////////
$('.tab2 li').click(function() {
var n = $(this).index();
$(this).parent().children().removeClass('tab_on');
$(this).addClass('tab_on');
});
//마일리지현황
$('.my_deal3 .tab2 li').click(function() {
var n = $(this).index();
$('.my_deal3 .tab_con_wrap').addClass('hide');
$('.my_deal3 .tab_con_wrap').eq(n).removeClass('hide');
});
//고객센터-이용가이드
$('.help .tab2 li').click(function() {
var n = $(this).index();
$('.tab_con_wrap').addClass('hide');
$('.tab_con_wrap').eq(n).removeClass('hide');
});
////////////////
// tab3
////////////////
$('.tab3 li').click(function() {
$(this).parent().children().removeClass('tab_on');
$(this).addClass('tab_on');
});
//거래내역>구매내역
$('.my_deal1 .tab3 li').click(function() {
var n = $(this).index();
var p = $(this).parents('div').index('.tab_con_wrap');
$('.tab_con_wrap').eq(p).children('.tab_con_wrap2').addClass('hide');
$('.tab_con_wrap').eq(p).children('.tab_con_wrap2').eq(n).removeClass('hide');
});
////////////////
// tab4 (sort tab-섭외,오픈,위탁)
////////////////
$('.tab4 li').click(function() {
$(this).parent().children().removeClass('tab_on');
$(this).addClass('tab_on');
});
////////////////
// 회원가입 공통입력사항 이메일 선택
////////////////
$('.join_email').change(function(){
$('.join_email option:selected').each(function() {
if($(this).val() == '1'){
$('.email_prt').val('');
$('.email_prt').attr('readonly',false);
}else{
$('.email_prt').val($(this).val());
$('.email_prt').attr('readonly',true);
}
});
});
////////////////
// 마이페이지 구매/판매내역 전문가/의뢰자 정보
////////////////
$('.tbl_deal .deal_info2 .target_info .label').on('click', function() {
$(this).next().toggleClass('hide');
});
$('body').on('click', function(e){
var $tgPoint = $(e.target);
var $popCallBtn = $tgPoint.hasClass('label')
var $popArea = $tgPoint.hasClass('pop_target_info')
var $popArea2 = $tgPoint.hasClass('txt_target_info')
if (!$popCallBtn && !$popArea && !$popArea2) {
$('.pop_target_info').addClass('hide');
}
});
////////////////
// 위탁 등록하기 전문가유형 선택
////////////////
$('.sub_main.rqst .input_layout .inp.type1').click(function() {
$('.sub_main.rqst .input_layout.type1').removeClass('hide');
$('.sub_main.rqst .input_layout.type2').addClass('hide');
});
$('.sub_main.rqst .input_layout .inp.type2').click(function() {
$('.sub_main.rqst .input_layout.type2').removeClass('hide');
$('.sub_main.rqst .input_layout.type1').addClass('hide');
});
////////////////
// 고객지원
////////////////
//고객지원 이용가이드 faq (tbl_faq_ctg)
$('.sub_main.help .tbl_faq_ctg td').click(function() {
$('.sub_main.help .tbl_faq_ctg td').removeClass('color_on');
$(this).addClass('color_on');
var n = $(this).index();
var tr = $(this).parents('tr').index();
if (tr > 0 & tr < 2) {
n = n + 4;
$('.wrap_faq').addClass('hide');
$('.wrap_faq').eq(n).removeClass('hide');
} else if (tr === 2) {
n = n + 8;
$('.wrap_faq').addClass('hide');
$('.wrap_faq').eq(n).removeClass('hide');
} else {
$('.wrap_faq').addClass('hide');
$('.wrap_faq').eq(n).removeClass('hide');
}
});
$('.sub_main.help .table1 .question').click(function() {
var n = $(this).index('.question');
if ($(this).hasClass('color_on') === true) {
$('.sub_main.help .table1 .question').removeClass('color_on');
$('.sub_main.help .table1 .answer').addClass('hide');
} else {
$('.sub_main.help .table1 .question').removeClass('color_on');
$(this).addClass('color_on');
$('.sub_main.help .table1 .answer').addClass('hide');
$('.sub_main.help .table1 .answer').eq(n).removeClass('hide');
}
});
////////////////
// 마이페이지 내쪽지함 쪽지보내기
////////////////
$('.form_send .progress_area .progress .inp').click(function() {
if ($(this).prop('checked')) {
$('.progress_area .progress dd').removeClass('on');
$(this).parents('dd').addClass('on');
}
var n = $(this).parents('dd').index();
if (n == 1) {
$('.form_send .text_area textarea').attr('placeholder','협의하실 내용을 기재하여 주세요.');
} else if (n == 2) {
$('.form_send .text_area textarea').attr('placeholder','감사합니다. 제안 수락합니다.');
} else if (n == 3) {
$('.form_send .text_area textarea').attr('placeholder','감사합니다만 사정상 제안을 수락할 수 없습니다.');
}
});
////////////////
// 은밀톡스/스팟,연결정보제안 서비스내용소개 확장
////////////////
$('.tf_prof.exp .btn_exp').click(function() {
var n = $('.tf_prof.exp .box_exp').prop('scrollHeight');
var h = $('.tf_prof.exp .box_exp').height();
if (h <= 55) {
$('.tf_prof.exp .box_exp').stop().animate({'max-height':n});
} else
$('.tf_prof.exp .box_exp').stop().animate({'max-height':55});
});
////////////////
// pop
////////////////
//header dsc 삽입
$.fn.pop_header_dsc = function() {
var hd_dsc = $(this).data('header-dsc');
$(this).prev('.ui-dialog-titlebar').append("");
}
//오픈섭외 전문가추천 팝업
$.fn.pop_header_dsc2 = function() {
var hd_dsc = $(".search_pop").data("header-dsc");
$(".ui-dialog-title").after("");
}
//my 구매내역 - 추천하기
$('.pop.recomm .box_recomm').click(function() {
var n = $(this).index();
$('.pop.recomm .box_recomm').removeClass('radio_on');
$(this).addClass('radio_on');
});
//분야별전문가등록 동영상등록 안내 팝업
$('.youtube_info .pop_area, .pop_youtube_info').hover(function() {
$('.pop_youtube_info').show();
}, function() {
$('.pop_youtube_info').hide();
});
}); //jquery