若依选项卡跳转到另一个选项卡

你可以使用 JavaScript 来实现选项卡之间的切换。首先，你需要为每个选项卡创建一个按钮和内容区域。然后，使用 CSS 将所有内容区域隐藏，除了第一个默认显示的选项卡。最后，在每个按钮上添加一个点击事件监听器，以在单击按钮时切换到相应的选项卡。以下是一个示例：

HTML 代码：

<div class="tabs">
  <button class="tablink" onclick="openTab(event, 'tab1')">选项卡 1</button>
  <button class="tablink" onclick="openTab(event, 'tab2')">选项卡 2</button>
  <button class="tablink" onclick="openTab(event, 'tab3')">选项卡 3</button>

  <div id="tab1" class="tabcontent">
    <h2>选项卡 1 的内容</h2>
    <p>这是选项卡 1 的内容。</p>
  </div>

  <div id="tab2" class="tabcontent">
    <h2>选项卡 2 的内容</h2>
    <p>这是选项卡 2 的内容。</p>
  </div>

  <div id="tab3" class="tabcontent">
    <h2>选项卡 3 的内容</h2>
    <p>这是选项卡 3 的内容。</p>
  </div>
</div>

CSS 代码：

.tabcontent {
  display: none;
}

.tabcontent:first-child {
  display: block;
}

JavaScript 代码：

function openTab(evt, tabName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablink");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(tabName).style.display = "block";
  evt.currentTarget.className += " active";
}

在这个示例中，我们为每个选项卡创建了一个按钮，并使用 `onclick` 属性将其与 `openTab` 函数关联。`openTab` 函数获取按钮的点击事件和选项卡的名称作为参数，并在单击按钮时显示对应的选项卡内容区域，同时隐藏其他选项卡内容区域。此外，我们还添加了一个 `active` CSS 类来突出显示当前选项卡按钮。