单击不同的按钮会打开不同的选项卡，但在相同的模式中

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

<div id="tab1" style="display: none;">
  选项卡1的内容
</div>

<div id="tab2" style="display: none;">
  选项卡2的内容
</div>

<div id="tab3" style="display: none;">
  选项卡3的内容
</div>

function openTab(tabName) {
  // 隐藏所有选项卡内容
  var tabs = document.querySelectorAll('div[id^="tab"]');
  for (var i = 0; i < tabs.length; i++) {
    tabs[i].style.display = 'none';
  }
  
  // 显示指定选项卡内容
  var tab = document.getElementById(tabName);
  tab.style.display = 'block';
}