多页锚定链接的jquery处理

多页锚定链接的jquery处理,jquery,html,Jquery,Html,我使用的是这里的FAQ代码(准确地说是底部的“优雅”版本); 我想做的是为我的每个FAQ问题创建锚,并使用这些锚提供电子邮件中相应问题的链接。此外,我希望show/hide jquery代码能够识别传入请求何时针对特定问题,并使用slidetoggle()显示匹配的答案 我一直在试图弄清楚FAQ页面的jquery代码如何解析用于加载页面的href和相关锚定值。任何指向正确方向的指针都将不胜感激 基本HTML示例 <h3>This is question 1?</h3>

我使用的是这里的FAQ代码(准确地说是底部的“优雅”版本);

我想做的是为我的每个FAQ问题创建锚,并使用这些锚提供电子邮件中相应问题的链接。此外,我希望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... -->

location.hash
属性包含哈希值。你可以阅读更多关于它的信息。一旦你有了这个值,就可以非常简单地
slideToggle()
相应的常见问题解答。

试着重新表述你的问题,我很难准确地理解你想要什么。我想通过电子邮件提供一个到我的常见问题解答页面的链接,类似这样的链接;http:\\mysite\FAQ.html#问题1在我的FAQ页面上,我希望该页面加载到问题1的锚,并且我希望处理幻灯片切换的jquery代码能够正确显示问题1的答案。目前,slidetoggle仅适用于在加载FAQ页面的情况下单击问题。这有意义吗?啊,好的!我想这就是我所需要的,为我指明正确的方向。我会在它工作后更新。谢谢。我不确定我做错了什么,但我似乎无法获取哈希值。如果我运行这个
if(window.location.hash){console.log(“FOUND hash”);}else{console.log(“hash NOT FOUND”);}
我总是得到else子句。但是,如果我直接查看DOM值,我可以清楚地看到URL中的哈希。这个答案解决了我原来的问题。现在,我在执行它时遇到了困难,并要求采取后续行动。
$(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);
        });
    });
});