单个页面上的多个标签

Question

我需要在一个页面上有多个标签，如何调整代码以适应这个？

请参阅codepen

到目前为止，这是我的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，这只是真实内容的粗略副本。

Answer 1

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

浏览此链接。

http://css-tricks.com/snippets/css/a-guide-to-flexbox/