如何使用JQuery在打开特定选项卡的情况下自动打开选项卡式模式

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<ul class="tabs">
  <li><a href="#tab1">选项卡1</a></li>
  <li><a href="#tab2">选项卡2</a></li>
  <li><a href="#tab3">选项卡3</a></li>
</ul>

<div id="tab1" class="tab-content">选项卡1的内容</div>
<div id="tab2" class="tab-content">选项卡2的内容</div>
<div id="tab3" class="tab-content">选项卡3的内容</div>

$(document).ready(function() {
  // 隐藏所有选项卡的内容区域
  $(".tab-content").hide();
  
  // 自动打开选项卡2
  $("#tab2").show();
  
  // 添加选项卡导航栏的点击事件
  $(".tabs li a").click(function() {
    // 隐藏所有选项卡的内容区域
    $(".tab-content").hide();
    
    // 获取当前点击的选项卡的href属性值
    var tabId = $(this).attr("href");
    
    // 显示对应选项卡的内容区域
    $(tabId).show();
    
    // 阻止默认的链接跳转行为
    return false;
  });
});