Html 要在选项卡式内容面板中打开的链接

大家好。如果我没有正确地解释我在这里想要实现的目标，我会提前道歉。我使用垂直标签的内容来显示美国和加拿大的业余曲棍球协会。你可以找到我的工作页面

每个协会都在一个联盟的保护伞下。例如，当你点击阿拉巴马州时，有3个不同的联赛。我试图让联盟中的协会（球队）在同一个小组中公开。我想我可能在问如何在内容面板中放置框架。我尝试使用target=“\u self”属性，但没有效果，因为我猜内容面板在技术上不被视为框架。如果您对更好的展示方式有任何帮助或建议，我们将不胜感激。我再次为我缺乏技术性发言而道歉

我的代码

css

a{
文字装饰：无；
颜色：#696969
}
.tg{
边界崩溃：崩溃；
边界间距：0；
边框颜色：#aaa；
边框宽度：1像素；
边框样式：实心；
}
.tg td{
字体-系列：帕图亚一号；
字体大小：28像素；
填充：10像素15像素；
边框样式：实心；
边框宽度：0像素；
溢出：隐藏；
断字：正常；
边框颜色：#aaa；
颜色：#333；
背景色：#fff；
}
.tg th{
字体-家族：圣骑士；
字体大小：18px；
字体重量：正常；
填充：10像素15像素；
边框样式：实心；
边框宽度：0像素；
溢出：隐藏；
断字：正常；
边框颜色：#6969；
颜色：#6969；
背景色：#fff；
}
.tg.tg-yw4l{
垂直对齐：顶部；
}