$(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(""+hd_dsc+""); } //오픈섭외 전문가추천 팝업 $.fn.pop_header_dsc2 = function() { var hd_dsc = $(".search_pop").data("header-dsc"); $(".ui-dialog-title").after(""+hd_dsc+""); } //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