탭관련 JS 문의
본문
탭관련 JS 파일이 있는데요 현재 탭이 여러개일 경우 첫번째 탭은 무조건 active로 되어 있고
같은 걸 클릭하면 변화가 없고 다른걸 클릭해야 닫힙니다.
1번이 열려있을때 1번을 클릭하면 변화가 없고 2번을 클릭해야 1번이 닫히고 2번이 열리는 형태입니다.
이것을 기본 상태는 모두 'active' class가 모두 삭제된 상태 즉, 닫혀 있는 상태가 기본이고
같은 탭을 클릭할때마다 열렸다 닫혔다 하려면 어딜 뭘 바꿔야 하나요? ㅠㅠ
!function(a){
"use strict";a.fn.fusionSwitchTabOnLinkClick=function(b){
var c,
d;c=b||("#_"===document.location.hash.substring(0,
2)?document.location.hash.replace("#_",
"#"):document.location.hash),
d="#_"===c.substring(0,
2)?c.split("#_")[
1
]:c.split("#")[
1
],
c&&a(this).find('.nav-tabs li a[href="'+c+'"]').length&&(a(this).find(".nav-tabs li").removeClass("active"),
a(this).find('.nav-tabs li a[href="'+c+'"]').parent().addClass("active"),
a(this).find(".tab-content .tab-pane").removeClass("in").removeClass("active"),
a(this).find('.tab-content .tab-pane[id="'+d+'"]').addClass("in").addClass("active")),
c&&a(this).find('.nav-tabs li a[id="'+d+'"]').length&&(a(this).find(".nav-tabs li").removeClass("active"),
a(this).find('.nav-tabs li a[id="'+d+'"]').parent().addClass("active"),
a(this).find(".tab-content .tab-pane").removeClass("in").removeClass("active"),
a(this).find('.tab-content .tab-pane[id="'+a(this).find('.nav-tabs li a[id="'+d+'"]').attr("href").split("#")[
1
]+'"]').addClass("in").addClass("active"))
}
}(jQuery),
jQuery(document).ready(function(){
jQuery(".fusion-tabs").each(function(){
jQuery(this).fusionSwitchTabOnLinkClick()
}),
jQuery(".nav-tabs li").click(function(a){
var b,
c=jQuery(this),
d=c.find("a").attr("href");c.parents(".fusion-tabs").find(".nav li").removeClass("active"),
c.parents(".fusion-tabs").find(d).find(".fusion-woo-slider").length&&(b=0,
c.parents(".fusion-tabs").hasClass("horizontal-tabs")&&(b=c.parents(".fusion-tabs").find(".nav").height()),
c.parents(".fusion-tabs").height(c.parents(".fusion-tabs").find(".tab-content").outerHeight(!0)+b)),
setTimeout(function(){
"function"==typeof jQuery.fn.reinitializeGoogleMap&&c.parents(".fusion-tabs").find(d).find(".shortcode-map").each(function(){
jQuery(this).reinitializeGoogleMap()
}),
c.parents(".fusion-tabs").find(d).find(".fusion-carousel").length&&"function"==typeof generateCarousel&&generateCarousel(),
c.parents(".fusion-tabs").find(d).find(".fusion-portfolio").each(function(){
var a=jQuery(this).find(".fusion-portfolio-wrapper"),
b=a.attr("id");b&&(a=jQuery("#"+b)),
a.isotope()
}),
c.parents(".fusion-tabs").find(d).find(".fusion-gallery").each(function(){
jQuery(this).isotope()
}),
"function"==typeof jQuery.fn.fusionCalcFlipBoxesHeight&&c.parents(".fusion-tabs").find(d).find(".flip-box-inner-wrapper").each(function(){
jQuery(this).fusionCalcFlipBoxesHeight()
}),
"function"==typeof jQuery.fn.equalHeights&&c.parents(".fusion-tabs").find(d).find(".fusion-fullwidth.fusion-equal-height-columns").each(function(){
jQuery(this).find(".fusion-layout-column .fusion-column-wrapper").equalHeights()
}),
c.parents(".fusion-tabs").find(d).find(".fusion-woo-slider").length&&c.parents(".fusion-tabs").css("height",
""),
c.parents(".fusion-tabs").find(d).find(".crossfade-images").each(function(){
fusionResizeCrossfadeImagesContainer(jQuery(this)),
fusionResizeCrossfadeImages(jQuery(this))
}),
c.parents(".fusion-tabs").find(d).find(".fusion-blog-shortcode").each(function(){
jQuery(this).find(".fusion-blog-layout-grid").isotope()
}),
c.parents(".fusion-tabs").find(d).find(".fusion-testimonials .reviews").each(function(){
jQuery(this).css("height",
jQuery(this).children(".active-testimonial").height())
}),
"function"==typeof calcSelectArrowDimensions&&calcSelectArrowDimensions(),
jQuery(window).trigger("resize")
},
350),
a.preventDefault()
}),
Modernizr.mq("only screen and (max-width: "+fusionTabVars.content_break_point+"px)")&&jQuery(".tabs-vertical").addClass("tabs-horizontal").removeClass("tabs-vertical"),
jQuery(window).on("resize",
function(){
Modernizr.mq("only screen and (max-width: "+fusionTabVars.content_break_point+"px)")?(jQuery(".tabs-vertical").addClass("tabs-original-vertical"),
jQuery(".tabs-vertical").addClass("tabs-horizontal").removeClass("tabs-vertical")):jQuery(".tabs-original-vertical").removeClass("tabs-horizontal").addClass("tabs-vertical")
})
}),
jQuery(window).load(function(){
jQuery(".vertical-tabs").length&&jQuery(".vertical-tabs .tab-content .tab-pane").each(function(){
var a;jQuery(this).parents(".vertical-tabs").hasClass("clean")?jQuery(this).css("min-height",
jQuery(".vertical-tabs .nav-tabs").outerHeight()-10):jQuery(this).css("min-height",
jQuery(".vertical-tabs .nav-tabs").outerHeight()),
jQuery(this).find(".video-shortcode").length&&(a=parseInt(jQuery(this).find(".fusion-video").css("max-width").replace("px",
""),
10),
jQuery(this).css({
float:"none",
"max-width":a+60
}))
}),
jQuery(window).on("resize",
function(){
jQuery(".vertical-tabs").length&&jQuery(".vertical-tabs .tab-content .tab-pane").css("min-height",
jQuery(".vertical-tabs .nav-tabs").outerHeight())
})
});
답변을 작성하시기 전에 로그인 해주세요.
