如何在jquery中打开特定的页签？

<div class="tabs">
  <button id="tab1">Tab 1</button>
  <button id="tab2">Tab 2</button>
  <button id="tab3">Tab 3</button>
</div>

<div class="tab-content">
  <div id="content1">Content 1</div>
  <div id="content2">Content 2</div>
  <div id="content3">Content 3</div>
</div>

$(document).ready(function() {
  // 绑定点击事件
  $(".tabs button").click(function() {
    // 获取当前点击的页签按钮的标识符
    var tabId = $(this).attr("id");
    
    // 根据标识符找到对应的内容区域
    var contentId = tabId.replace("tab", "content");
    var $content = $("#" + contentId);
    
    // 显示选中的内容区域，隐藏其他内容区域
    $(".tab-content div").hide();
    $content.show();
  });
});