关闭Bootstrap 4标签窗格

<!-- 标签窗格链接 -->
<a class="nav-link" id="tab1-tab" data-toggle="tab" href="#tab1" role="tab" aria-controls="tab1" aria-selected="true">标签1</a>

<!-- 标签窗格内容 -->
<div class="tab-pane fade" id="tab1" role="tabpanel" aria-labelledby="tab1-tab">
  <p>这是标签1的内容。</p>
</div>

<!-- 关闭标签窗格的按钮 -->
<button onclick="closeTabPane()">关闭标签窗格</button>

<script>
function closeTabPane() {
  // 移除活动状态类
  document.getElementById("tab1-tab").classList.remove("active");
  // 隐藏内容区域
  document.getElementById("tab1").classList.remove("show");
}
</script>