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给它带来Accordion外观。该链接将是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));
});

从Link打开自定义手风琴

1 个答案: