jquery - タブ付きコンテンツを含むページへのリンクが機能しない

Question

そのリンクをクリックするたびに特定のタブが開くように、直接リンクを作成しようとしています。ただしdomainname.com/aboutus#award_tab、タブ名を使用すると、必要な特定のタブが開きません。

タブ内のすべてのコンテンツには、下記のセクション ID が付与されています。私が使用したコードは次のとおりです。

if (jQuery(".effect-1 span:first-child").hasClass("active")) {
  //alert('first');
  jQuery('#deo_tab').show();
  jQuery('#sustainablity_tab').hide();
  jQuery('#award_tab').hide();
} else if (jQuery(".effect-1 span::nth-child(2)").hasClass("active")) {
  //alert('mid');
  jQuery('#deo_tab').hide();
  jQuery('#sustainablity_tab').show();
  jQuery('#award_tab').hide();
} else if (jQuery(".effect-1 span:last-child").hasClass("active")) {
  //alert('last');
  jQuery('#deo_tab').hide();
  jQuery('#sustainablity_tab').hide();
  jQuery('#award_tab').show();
}