jquery - jquery处理多个页面的锚链接

Question

我正在使用此处找到的精美常见问题解答代码（准确地说是底部的“优雅”版本）； http://davidwalsh.name/jquery-sliders

我想做的是为我的每个常见问题解答问题创建锚点，并使用这些锚点在电子邮件中提供指向相应问题的链接。此外，我希望显示/隐藏 jquery 代码能够识别传入请求何时针对特定问题和 slidetoggle() 以显示匹配的答案。

我一直试图弄清楚常见问题页面的 jquery 代码如何解析用于加载页面的 href 和关联的锚值。任何指向正确方向的指针都将不胜感激。

基本 HTML 示例；

<h3>This is question 1?</h3>
<div>
    <p>This is the answer to question #1.  Pellentesque habitant morbi....</p>
</div>
<h3>This is question 2?</h3>
<div>
    <p>This is the answer to question #2.  Pellentesque habitant morbi....</p>
</div>
<!-- more... -->

和 Jquery

$(document).ready(function() {
    $('#faqs h3').each(function() {
        var tis = $(this), state = false, answer = tis.next('div').hide().css('height','auto').slideUp();
        tis.click(function() {
            state = !state;
            answer.slideToggle(state);
            tis.toggleClass('active',state);
        });
    });
});

Answer 1

该location.hash属性包含哈希值。您可以在此处和此处阅读有关它的更多信息。slideToggle()一旦有了这个值，对应的FAQ应该就很简单了。