Javascript 单个页面上有多个选项卡

我需要在一个页面上有多个选项卡，如何调整代码以适应这种情况

请看

这是迄今为止我的jquery：

var e = $(".tabContainer ul li a");
    $(".tabContents.active").show();
    e.click(function (t) {
        t.preventDefault();
        if (!$(this).hasClass("active")) {
            var n = $(this).attr("href");
            e.removeClass("active");
            $(this).addClass("active");
            $(".tabContents").hide();
            $(n).fadeIn()
        }
    });

我猜把它放到一个函数中，然后在每个选项卡容器上使用唯一的id调用它

---

请原谅html和css，这只是真实内容的粗略复制。

在使用css时，请尝试flexbox，它非常方便，专为像您这样的应用程序设计

通过这个链接