javascript - 如何从另一个页面打开我的切换 Accordion ？

Question

我写了切换 Accordion 。如果一页上有链接和 Accordion ，则效果很好，网址链接也有效。但是如何从另一个页面打开我的切换 Accordion 到 url？

https://codepen.io/malinosky/pen/wxKzEo

$(function(){
var accordionFaqHead = $('.i-accordionFaq-head');

accordionFaqHead.on('click', function() {
    $(this).next().slideToggle();
});


function accHash() {
    var hash = $(this).attr('href'); 

    if (hash) {
        var accordionItem = $(hash);


        if (accordionItem.length) {
            accordionItem.find('.i-accordionFaq-body').show();
        }
    }
}

$('.i-link-hash').on('click', accHash);

});

Answer 1

您可以检查 url 中是否有 hash 并用它调用您的函数:

JS:

if (window.location.hash) {
    var $hashedElement = $(window.location.hash);

    accHash.apply($hashedElement);
}

使用 apply 调用您的函数，同时将 this 设置为等于 $hashedElement

<小时/>

要在从一个页面转到另一个页面时添加哈希，您需要首先将其添加到 anchor 标记中:

HTML:

<a href="myotherpage.html#item1"></a>