테스트 사이트 - 개발 중인 베타 버전입니다

탭관련 JS 문의 채택완료

탭관련 JS 파일이 있는데요 현재 탭이 여러개일 경우 첫번째 탭은 무조건 active로 되어 있고

 

같은 걸 클릭하면 변화가 없고 다른걸 클릭해야 닫힙니다.

 

1번이 열려있을때 1번을 클릭하면 변화가 없고 2번을 클릭해야 1번이 닫히고 2번이 열리는 형태입니다.

 

이것을 기본 상태는 모두 'active' class가 모두 삭제된 상태 즉, 닫혀 있는 상태가 기본이고

 

같은 탭을 클릭할때마다 열렸다 닫혔다 하려면 어딜 뭘 바꿔야 하나요? ㅠㅠ

 

 

</p>

<p>!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())

    })

});</p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

너무 복잡한 스크립트 인데요?

 

http://jsfiddle.net/3n74v/

 

참고해서 적용 하세요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

감사합니다
저 스크립트로 해야하는 이유가 있어서요 ㅠㅠ 아무튼 감사합니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

전체 질문 목록

🐛 버그신고