Question

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

我想要做的是为每个常见问题解答问题创建锚点，并使用这些锚点在电子邮件中提供相应问题的链接。另外，我希望show / hide jquery代码能够识别传入请求何时定位特定问题，并使用slidetoggle（）来显示匹配的答案。

我试图弄清楚FAQ页面的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属性包含哈希值。您可以详细了解here和here。获得此值后，slideToggle()相应的常见问题解答应该非常简单。

jquery处理多个页面的锚链接

1 个答案: