/* ******************************************************* * filename : product_tab.js * description : 제품 상세페이지 탭 JS * date : 2020-03-27 ******************************************************** */ $(document).ready(function () { /* *********************** 스펙 및 옵션 탭 ************************ */ $("#productSpecTabCon").each(function () { var $cmTabList = $(this).children(".prd-spec-tab-list"); var $cmTabListli = $cmTabList.find("li"); var $cmConWrapper = $(this).children(".prd-spec-detail-wrapper"); var $cmContent = $cmConWrapper.children(".prd-spec-option-con"); // 탭 영역에 모바일 탭 복사하기 $cmContent.each(function (idx) { $(this).find(".prd-spec-m-open-btn").html($cmTabListli.eq(idx).html()); }) // 탭 영역 숨기고 selected 클래스가 있는 영역만 보이게 //if ( $(window).width() > 991 ) { var $selectCon = $cmTabList.find(".selected").attr("href"); $cmContent.find(".prd-spec-option-inner").hide(); $($selectCon).find(".prd-spec-option-inner").show(); //}else { // $(".prd-spec-m-open-btn a").removeClass("selected"); //} // PC 탭 클릭했을때 $cmTabListli.find("a").click(function () { if ( !$(this).find("a").hasClass("selected")) { var visibleCon = $(this).attr("href"); $cmTabListli.find("a").removeClass("selected"); $(this).addClass("selected"); $cmContent.find(".prd-spec-option-inner").hide(); $(visibleCon).find(".prd-spec-option-inner").fadeIn(); $(".prd-spec-m-open-btn a").removeClass("selected"); $(visibleCon).find(".prd-spec-m-open-btn a").addClass("selected"); } return false; }); // Mobile 버튼 클릭했을때 $(document).on("click",".prd-spec-m-open-btn a",function () { var visibleCon = $(this).attr("href"); if ( !$(this).hasClass("selected")) { $(".prd-spec-m-open-btn a").removeClass("selected"); $(this).addClass("selected"); $cmContent.find(".prd-spec-option-inner").slideUp(); $(visibleCon).find(".prd-spec-option-inner").slideDown(); $cmTabListli.find("a").removeClass("selected"); $cmTabListli.eq($(visibleCon).index()).find("a").addClass("selected"); }else { $(".prd-spec-m-open-btn a").removeClass("selected"); $(visibleCon).find(".prd-spec-option-inner").slideUp(); $cmTabListli.find("a").removeClass("selected"); } // AOS.refresh(); return false; }); // 모두 닫혀있는상태에서 pc로 변경했을때 $(window).resize(function () { if ( $(window).width() > 991 ) { if ( !$cmTabListli.find("a").hasClass("selected")) { $cmTabListli.eq(0).find("a").addClass("selected"); $cmContent.eq(0).find(".prd-spec-option-inner").show(); $cmContent.eq(0).find(".prd-spec-m-open-btn a").addClass("selected"); } }else { /* $(".prd-spec-m-open-btn a").removeClass("selected"); $(".prd-spec-option-inner").hide(); */ } }); }); });