リンクをクリックしたときに、jqueryで設定しているタグを選択して開いて表示させたいです。

Question

works.htmlに作成しているタブのリストへ、下図のようにindex.htmlからリンクを貼りたいです。
リンクをクリックしたときに、タブを選択して表示させる方法がわかりませんでした。
（検索しても別タブで表示する方法しか見つけられず、検証できていません）
タブはjqueryで設定しています。

#jquery #html #css #tab

前提

該当のソースコード

index.html
<a href="works.html#tab2"></a>

works.html
<div class="tabs">
 <ul id="js-tab">
  <li class="active"></li>
  <li></li>
  <li></li>
 </ul>
<div class="wrap-tab-content">
  <div class="tab-content active"></div>
</div>
<div class="tab-content" id="tab2"></div>
<div class="tab-content" id="tab3"></div>
</div>

jquery
$(function(){
  $("#js-tab li").click(function(){
    $("#js-tab li").removeClass("active");
    $(this).addClass("active");
    var index = $(this).index();
    
    $(".tab-content").removeClass("active");
    $(".tab-content").eq(index).addClass("active");
  });
});