jquery - 从链接打开自定义手风琴

Question

我知道有很多关于这个主题的帖子，但是由于我的 HTML 标记，我创建了一个自定义手风琴。下面是我的 JQuery。

$(function(){
  hide(0);
  $('.accordion > h1').click(function(){
    hide($('.accordion').index($(this).parent()));
  });
  function hide(i){
    $('.accordion').removeClass('active');
    $('.accordion:eq(' + i + ')').addClass('active');
  }
});

这是我的手风琴 HTML。注意我使用 ExpressionEngine CMS。

<section class="module flag-{style} {page_module_style}">
  <h1 id="row-id{row_id}">{header}</h1>
  <div class="copy">
    {copy}
  </div>
</section>

我使用 CSS 赋予它手风琴的外观。该链接将是http://siteurl.com/page#row-id1234，我需要弄清楚当我链接到带有其 ID 的特定手风琴选项卡时如何将其打开并专注于该选项卡。

Answer 1

当窗口准备就绪时，获取当前哈希并找到与该 id 匹配的元素：

function getHash() {
  var hash = window.location.hash;
  return hash.substring(1); // remove #
}

$(function(){
  activeTab = $(getHash()).parent()

  hide($('.accordion').index(activeTab));
});