Cần code thêm tab cho jquery!

Tình hình là rip được code jquery để tạo tab, nhưng chỉ tạo được 3 tab thôi. Nay mình muốn tạo hơn số đó nữa, mong bác nào có trình độ thì viết thêm giúp mình và chỉ cho mình cách thêm tab ở chổ nào trong code này với:

Mã:

<script type="text/javascript">
        var jUnionNews = jQuery.noConflict();
        var UnionNewsRefreshInterval2;
        function displayInfo(tabId) {
 
            if (document.getElementById) {
                for (i = 1; i <= 3; i++) {
 
                    var infoId = 'Tr' + i;
                    var info = 'menu' + i;
 
                    if (tabId == i) {
 
                        document.getElementById(infoId).style.display = '';
                        if (document.getElementById(info) != null)
                            document.getElementById(info).className = 'tabselected';
 
                    }
                    else {
 
                        document.getElementById(infoId).style.display = 'none';
                        if (document.getElementById(info) != null)
                            document.getElementById(info).className = 'tabnormal';
                    }
                }
 
                jUnionNews(".lv_union_table_menuheader tr td:first").toggleClass("lv_menuheader_first");
                jUnionNews(".lv_union_table_menuheader tr td:last").toggleClass("lv_menuheader_last");
            }
        }
        function FirstDisplayInfo() {
 
            if ("True" == 'true' || "True" == 'True') {
 
                displayInfo('1');
 
            }else
                if ("True" == 'true' || "True" == 'True') {
 
                displayInfo('2');
            }else
                if ("True" == 'true' || "True" == 'True') {
 
                displayInfo('3');
            }
        }
        function DoAction(webid, listid, numrow, linkview, action, mode) {
 
            var dataString = "{'WebID': '" + webid + "', 'ListID': '" + listid + "', 'NumRow':'" + numrow + "','LinkView':'" + linkview + "','Action':'" + action + "','mode':'" + mode + "','MyThumbnail':'false'}";
            jUnionNews(".union_image_thumb ul li").removeClass('active');
            var ajax_load = "<div style='position:relative;top:100px;left:150px'><img class='loading' src='/_CONTROLTEMPLATES/LacViet.CMS.UnionNews/eofficeimg/wait.gif' alt='loading...' /><span>Loading....</span></div>";
 
 
            //jUnionNews("#UnionNews_main_mode2").html(ajax_load);
            jUnionNews.ajax({
                type: "POST",
                url: '/_CONTROLTEMPLATES/LacViet.CMS.UnionNews/UnionNewsUserControl.ascx/Load_UnionNews',
                data: dataString,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                cache: false,
                beforeSend: function() {
 
                },
                success: function(result) {
            if (action == '1') {
                        jUnionNews("#divNew1").eq(0).html(result.d).fadeIn(200);
                        jUnionNews("#divNew1 ul li:first").addClass('active');
                        jUnionNews("#divNew1 ul li:first").addClass('firstflag');
                    }if (action == '2') {
                        jUnionNews("#divNew2").eq(0).html(result.d).fadeIn(200);
                        jUnionNews("#divNew2 ul li:first").addClass('active');
                        jUnionNews("#divNew2 ul li:first").addClass('firstflag');
                    }if (action == '3') {
                        jUnionNews("#divNew3").eq(0).html(result.d).fadeIn(200);
                        jUnionNews("#divNew3 ul li:first").addClass('active');
                        jUnionNews("#divNew3 ul li:first").addClass('firstflag');
                    }
                },
                error: function() {
                }
            });
        }
        function UnionSwitchMode2(bPrev) {
            var id = TabSelected();
            var idUnion_image_thumb;
 
            if (id == 'menu1')
                idUnion_image_thumb = 'divNew1';if (id == 'menu2')
                idUnion_image_thumb = 'divNew2';if (id == 'menu3')
                idUnion_image_thumb = 'divNew3';
 
            var jQueryActive = jUnionNews("#" + idUnion_image_thumb + ' .active');
 
            var jQueryNext;
 
            if (bPrev == 'true' && bPrev != undefined)
                jQueryNext = jQueryActive.prev().length ? jQueryActive.prev() : jUnionNews("#" + idUnion_image_thumb + ' ul li:last');
            else {
                jQueryNext = jQueryActive.next().length ? jQueryActive.next() : jUnionNews("#" + idUnion_image_thumb + ' ul li:first');
 
            }
            //animation
            var imgAlt = jQueryNext.find('img').attr("alt"); //Get Alt Tag of Image
            var imgTitle = jQueryNext.find('img').attr("src"); //Get Main Image URL
            var imgDesc = jQueryNext.find('.Union_block h2').html();    //Get HTML of block
 
            var imgDescHeight = jUnionNews(".union_main_image").find('.Union_block').height(); //Calculate height of block
 
            jUnionNews(".union_main_image .Union_block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 0, function() {
 
 
                jQueryActive.removeClass('active')
                jQueryNext.addClass('active');
                jUnionNews(".union_main_image .Union_block h2").html(imgDesc);
                jUnionNews(".union_main_image .Union_block").animate({ opacity: 0.7, marginBottom: "0" }, 0);
                jUnionNews(".union_main_image img").attr({ src: imgTitle, alt: imgAlt });
 
                if (jUnionNews(".union_main_image a.collapse").is(".show")) {
                    jUnionNews(".union_main_image a.collapse").toggleClass("show");
                }
            });
 
        }
        function TabSelected() {
            return jUnionNews(".lv_union_table_menuheader .tabselected").attr("id");
        }
        jUnionNews(document).ready(function($) {
 
            $(".union_image_thumb ul li:first").addClass('firstflag');
 
            $(".union_main_image .Union_desc").show(); //Show Banner
            $(".union_main_image .Union_block").animate({ opacity: 0.7 }, 1); //Set Opacity
 
            //Click and Hover events for thumbnail list
            FirstDisplayInfo();
 
            $(".union_image_thumb ul li:first").addClass('active');
            UnionNewsRefreshInterval2 = setInterval("UnionSwitchMode2()", "4000");
 
            $(".union_image_thumb ul")
        .live('mouseenter', function() {
 
            clearInterval(UnionNewsRefreshInterval2);
        })
        .live('mouseleave', function() {
            UnionNewsRefreshInterval2 = setInterval("UnionSwitchMode2()", "4000");
 
        });
 
            $(".union_image_thumb ul li")
        .click(function() {
 
 
        })
        .live('mouseenter', function() {
 
            $(this).addClass('hover');
            var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image
            var imgTitle = $(this).find('img').attr("src"); //Get Main Image URL
            var imgDesc = $(this).find('.Union_block h2').html();    //Get HTML of block
            //var imgOverDesc = $(this).find('.Union_block p').html();
 
            var imgDescHeight = $(".union_main_image").find('.Union_block h2').height(); //Calculate height of block
 
            if ($(".Union_desc a.collapse").is(".show")) {  //If it's already active, then...
 
                //View an khi nhấn -
                //$(".main_image .block").html(imgDesc);
                //imgDescHeight = $(".main_image .block").height();
                //$(".main_image .block").css({ marginBottom: -imgDescHeight});
                //$(".main_image img").attr({ src: imgTitle , alt: imgAlt});
 
                //View hien khi hover
 
                $(".union_main_image .Union_block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 0, function() {
                    $(".union_main_image .Union_block h2").html(imgDesc);
                    $(".union_main_image .Union_block").animate({ opacity: 0.7, marginBottom: "0" }, 0);
                    $(".union_main_image img").attr({ src: imgTitle, alt: imgAlt });
                    $("a.collapse").toggleClass("show");
                    //$(".itemDesc").html(imgOverDesc);
                });
 
            } else {
 
                //Animate the Teaser
                $(".union_main_image .Union_block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 0, function() {
                    $(".union_main_image .Union_block h2").html(imgDesc);
                    $(".union_main_image .Union_block").animate({ opacity: 0.7, marginBottom: "0" }, 0);
                    $(".union_main_image img").attr({ src: imgTitle, alt: imgAlt });
                    // $(".itemDesc").html(imgOverDesc);
                });
            }
 
 
        })
        .live("mouseleave", function() {
 
 
            $(this).removeClass('hover');
            $(".union_main_image .Union_block").stop(true, true);
 
 
        });
            //Toggle button close
            $(".union_main_image a.collapse").click(function() {
                var imgDescHeight = $(".union_main_image").find('.Union_block').height();
                if ($(this).is(".show")) {
                    //alert(2);
                    $(".union_main_image .Union_block").animate({ opacity: 0.7, marginBottom: "0" }, 0, function() {
 
                    });
                } else {
                    //alert(1);
                    $(".union_main_image .Union_block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 0, function() {
 
                    });
                }
                $(".union_main_image a.collapse").toggleClass("show");
            });
 
            $('#menu1').click(function() {
 
                refreshUnionIntervalId = DoAction('403801ec-b85b-41d6-993c-048fb0c0699a', '369536af-0833-44d1-be52-02564ab70a9c', '6', '', '1', '2');
            });
            $('#menu2').click(function() {
 
                refreshUnionIntervalId = DoAction('403801ec-b85b-41d6-993c-048fb0c0699a', '369536af-0833-44d1-be52-02564ab70a9c', '6', '', '2', '2');
            });
            $('#Union_bttNext').click(function() {
 
                UnionSwitchMode2();
 
            })
        .hover(function() {
            clearInterval(UnionNewsRefreshInterval2);
        }, function() {
            UnionNewsRefreshInterval2 = setInterval("UnionSwitchMode2()", "4000");
        });
 
            $('#Union_bttPrevious').click(function() {
                UnionSwitchMode2('true');
            })
        .hover(function() {
            clearInterval(UnionNewsRefreshInterval2);
        }, function() {
            UnionNewsRefreshInterval2 = setInterval("UnionSwitchMode2()", "4000");
        });
        });
    </script>

Chân thành cảm ơn!

 

Ủa @_@
Trên web share đầy mừ

 

Đụng jquyery với xenforo kg logout được bạn!

 

thế thì xóa những js không hợp @_@

 

Lướt qua cái code @_@
ready to cạp đất mà ăn

 

Jquery có sẵn của xenforo thì kg biết xóa cái gì và chưa đủ trình để loại bỏ. Add-ons Forum_listing_tabs thì chưa hổ trợ tách từng tab riêng nên đành phải code vào thôi! Có được 1 cái kg đụng thì cứ để xài tạm!!
Up cho cao thủ giúp dùm!

 

tình hình là mình gà nên không dám nói gì cao @_@
Thôi thì để mình xem (mò)