ページ外から指定のタブに飛ぶ方法

Question

以下の質問の追加です
https://teratail.com/questions/bj1eq49qqnhpgb

ページ外からアンカーで指定のタブに飛びたいのですがうまくいかず。
既存のタブはアンカー外から飛びますが
同一ページにタブをもう一つ設置したものではうまく飛びません。
何処が間違ってるのでしょうか？

          <div id="tabsub" class="tabs tabsubs">
            <ul class="tabsmenu">
              <li id="tabsub1"><a href="#tabsubs1"></a></li>
              <li id="tabsub2"><a href="#tabsubs2"></a></li>
              <li id="tabsub3"><a href="#tabsubs3"></a></li>
              <li id="tabsub4"><a href="#tabsubs4"></a></li>
            </ul>
            <div class="tabcontent">
              <section id="tabsubs1" class="tabsub_content">
                hoge
              </section>
              <section id="tabsubs2" class="tabsub_content">
                hoge
              </section>
              <section id="tabsubs3" class="tabsub_content">
                hoge
              </section>
              <section id="tabsubs4" class="tabsub_content">
                hoge
              </section>
            </div>
          </div>

//同一ページtabsub
$('a[href^="#tabsub"]').click(function () {
  $('.tabs .tabsub_content').hide();
  $('a').removeClass('active');
  $(this).toggleClass('active');
  $(this.hash).fadeIn();
  return false;
});
$('a[href^="#tabsub"]:eq(0)').trigger('click');


var hash = location.hash;
hash = (hash.match(/^#tab\d+$/) || [])[0];


if($(hash).length){
  var tabname = hash.slice(1) ;
} else{
  var tabname = "tabsub1";
}


$('.tabsubs .tabsub_content').hide();
$('.tabsubs a').removeClass('active');


var tabno = $('.tabsubs li#' +  tabname).index();


$('.tabsubs .tabsub_content').eq(tabno).fadeIn();

$('.tabsubs a').eq(tabno).addClass('active');

Answer 1

location.hasをユニークIdに変更できてなかっただけでした。
クローズ