$(function () { $tab_list = $(".__tab-list"); $tab_link = $(".__tab-link"); $tab_item = $tab_link.parent(); // $panel_item = $(".__tab-panel"); $tab_link_mo = $("#tab-moible-link"); let tab_leng = $tab_link.length; let win_w = window.outerWidth; mobileBtnSetting(); //Tab Click $tab_link.on("click", function (e) { let is_year_tab = $(this).hasClass('year'); if (!is_year_tab) { e.preventDefault(); $(this).parent().addClass("active").siblings().removeClass("active"); // let act_idx = $(this).parent().index(); // $panel_item.eq(act_idx).addClass("show").siblings().removeClass("show"); mobileBtnSetting(); } }); // tab link ì›ë³¸ // $tab_link.on("click", function(e){ // e.preventDefault(); // $(this).parent().addClass("active").siblings().removeClass("active"); // // let act_idx = $(this).parent().index(); // // $panel_item.eq(act_idx).addClass("show").siblings().removeClass("show"); // mobileBtnSetting(); // }); //Mobile Tab Btn Click $tab_link_mo.on("click", function () { if ($(this).hasClass("open")) { $tab_list.stop().animate({ "height": 0 + "px" }, 200); $(this).removeClass("open"); } else { let tab_height = $tab_link.parent().outerHeight(); $tab_list.stop().animate({ "height": tab_leng * tab_height + "px" }, 200); $(this).addClass("open"); } }); // Resize $(window).resize(function () { win_w = window.outerWidth; mobileBtnSetting(); }); function mobileBtnSetting() { $tab_link_mo.removeClass("open"); win_w = $(window).width(); if (win_w < 640) { $tab_list.css("height", "0"); let tab_value = $tab_link.parent().siblings(".active").find(".__tab-link").text(); $tab_link_mo.contents()[0].textContent = tab_value; } else if (win_w > 640) { $tab_list.css("height", "auto"); } } //Document Click $(document).mouseup(function (e) { win_w = $(window).width(); if ($(".nx-tab").has(e.target).length === 0 && win_w < 640) { $tab_list.css("height", "0"); } // $tab_link_mo.removeClass("open"); }); });