somang4819/itsm_ysm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

탭 수정

Browse Source
This commit is contained in:
com02 2021-11-24 17:38:50 +09:00
parent 399233f5ee
commit d039abb95f
2 changed files with 23 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/main/webapp/css/media.css
View File

@ -617,8 +617,9 @@ a.pop-logo img { margin-right: 10px; }
.faq .inner .tab { width: 100%; } .faq .inner .tab { width: 100%; }
.faq .mo_tabs_wrap { padding-left: 16px; box-sizing: border-box; height: 56px; } .faq .mo_tabs_wrap { padding-left: 16px; box-sizing: border-box; height: 56px; }
.faq .inner .tab_content {margin-top:0px;} .faq .inner .tab_content {margin-top:0px;}
.faq .inner .tabs { /*width: max-content;*/ display: flex;white-space:nowrap;overflow-y:hidden;overflow-x:auto;text-align:center;height:50px; } .faq .inner .tabs { /*width: max-content;*/ /*display: flex;*/white-space:nowrap;overflow-y:hidden;overflow-x:auto;text-align:center;height:50px;width:100%; }
.faq .inner .tabs li { width: 130px; } .faq .inner .tabs li { width: 130px; }
.faq .inner .tabs li.current::before {bottom: calc(0% - 4px);}
.faq .inner .tabs li a { border-radius: 0;font-size:13px; } .faq .inner .tabs li a { border-radius: 0;font-size:13px; }
.faq .inner .tabs li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .faq .inner .tabs li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.faq .inner .tabs li:last-child a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .faq .inner .tabs li:last-child a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

21
src/main/webapp/js/default.js
View File

@ -18,6 +18,27 @@ $(document).ready(function(){
} }
}); });
/* 인기자료 탭메뉴 */
(function ($) {
$(".tab ul.tabs").addClass("active").find("> li:eq(0)").addClass("current");
$(".tab ul.tabs li a").click(function (g) {
var tab = $(this).closest(".tab"),
index = $(this).closest("li").index();
tab.find("ul.tabs > li").removeClass("current");
$(this).closest("li").addClass("current");
tab.find(".tab_content")
.find("div.tabs_item")
.not("div.tabs_item:eq(" + index + ")")
.hide();
tab.find(".tab_content")
.find("div.tabs_item:eq(" + index + ")")
.show();
g.preventDefault();
});
})(jQuery);
/* 푸터 관련사이트 */ /* 푸터 관련사이트 */
$(".family_site").click(function(){ $(".family_site").click(function(){
$(this).toggleClass("on"); $(this).toggleClass("on");