使用超链接后如何显示相同id的tabcontent？

使用超链接后显示相同id的tabcontent可以通过以下步骤实现：

首先，在HTML中创建一个包含超链接的元素，例如<a>标签，并为其设置一个唯一的id属性，用于标识该超链接。
在超链接的href属性中，设置一个指向目标tabcontent的id，以#开头，例如href="#tab1"。
在tabcontent的HTML代码中，为每个tabcontent元素设置一个唯一的id属性，与超链接中的href属性值相对应。
使用CSS隐藏所有的tabcontent元素，可以通过设置display: none;来实现。
使用JavaScript监听超链接的点击事件，当超链接被点击时，获取其href属性值，并通过该值找到对应的tabcontent元素。
将找到的tabcontent元素显示出来，可以通过设置其display属性为block来实现。

以下是一个示例代码：

HTML:

<a href="#tab1" id="link1">Tab 1</a>
<a href="#tab2" id="link2">Tab 2</a>

<div id="tab1" class="tabcontent">
  <h3>Tab 1 Content</h3>
  <p>This is the content for tab 1.</p>
</div>

<div id="tab2" class="tabcontent">
  <h3>Tab 2 Content</h3>
  <p>This is the content for tab 2.</p>
</div>

CSS:

.tabcontent {
  display: none;
}

JavaScript:

document.getElementById("link1").addEventListener("click", function(event) {
  event.preventDefault(); // 阻止超链接的默认行为
  showTabContent("tab1");
});

document.getElementById("link2").addEventListener("click", function(event) {
  event.preventDefault(); // 阻止超链接的默认行为
  showTabContent("tab2");
});

function showTabContent(tabId) {
  // 隐藏所有的tabcontent元素
  var tabContents = document.getElementsByClassName("tabcontent");
  for (var i = 0; i < tabContents.length; i++) {
    tabContents[i].style.display = "none";
  }
  
  // 显示指定id的tabcontent元素
  document.getElementById(tabId).style.display = "block";
}

在上述示例中，点击超链接后，对应的tabcontent元素会显示出来，其他tabcontent元素会被隐藏。你可以根据实际需求修改代码，添加更多的超链接和tabcontent元素。