jQuery(function ($) {
    $("#tabBox , #tabBox1").prepend("<div class='titles'></div>");
    $("#tabBox div.tab>h3").appendTo("#tabBox div.titles").click(function () {
        if (!$(this).hasClass("active")) {
            $(this).siblings().removeClass("active").children(".detail").hide().end().end().addClass("active");
            $("#tabBox .tab").hide().children(".detail").hide().end().eq($(this).index()).show().children(".detail").fadeIn("slow");
        }
    });
    $("#tabBox div.tab:first, #tabBox div.titles h3:first").addClass("active").show().children(".detail").fadeIn("slow");
    $("#tabBox1 div.tab>h3").appendTo("#tabBox1 div.titles").click(function () {
        if (!$(this).hasClass("active")) {
            $(this).siblings().removeClass("active").children(".detail").hide().end().end().addClass("active");
            $("#tabBox1 .tab").hide().children(".detail").hide().end().eq($(this).index()).show().children(".detail").fadeIn("slow");
        }
    });
    $("#tabBox1 div.tab:first, #tabBox1 div.titles h3:first").addClass("active").show().children(".detail").fadeIn("slow");
    $("#tabBox2 div.tab>h3").appendTo("#tabBox2 div.titles").click(function () {
        if (!$(this).hasClass("active")) {
            $(this).siblings().removeClass("active").children(".detail").hide().end().end().addClass("active");
            $("#tabBox2 .tab").hide().children(".detail").hide().end().eq($(this).index()).show().children(".detail").fadeIn("slow");
        }
    });
    $("#tabBox2 div.tab:first, #tabBox2 div.titles h3:first").addClass("active").show().children(".detail").fadeIn("slow");
});