单击选项卡时使引导选项卡刷新链接

<div class="tabs">
  <div id="tab1" class="tab active">选项卡1</div>
  <div id="tab2" class="tab">选项卡2</div>
</div>

<div class="tab-content">
  <div id="content1" class="content active">选项卡1的内容</div>
  <div id="content2" class="content">选项卡2的内容</div>
</div>

.tab {
  /* 选项卡的样式 */
}

.content {
  display: none; /* 默认隐藏内容区域 */
}

.active {
  display: block; /* 显示选中的选项卡和对应的内容 */
}

const tabs = document.querySelectorAll('.tab');
const contents = document.querySelectorAll('.content');

tabs.forEach(tab => {
  tab.addEventListener('click', () => {
    // 移除所有选项卡和内容的active类
    tabs.forEach(tab => tab.classList.remove('active'));
    contents.forEach(content => content.classList.remove('active'));

    // 为点击的选项卡和内容添加active类
    tab.classList.add('active');
    const selectedContentId = tab.getAttribute('id').replace('tab', 'content');
    const selectedContent = document.getElementById(selectedContentId);
    selectedContent.classList.add('active');
  });
});