FAQに直接リンクする方法を拡張しました

Question

私はこれをどうやってやることができるか考えてもらえませんか？私たちが探しているのは、FAQページの質問に直接リンクすることです。現在、私たちのよくある質問の質問はそうのようにjQueryを介して、隠されている：

$(document).ready(function() { 
    $('.answer').each(function() { 
     $(this).css("display", "none"); 
    }); 
    $('.question').click(function() { 
     $(this).next('.answer').slideToggle("fast") 
     return false; 
    }); 
}); 

私たちは具体的な質問へのリンクが、その質問を拡張したいと思います。

Answer 1

でマークされたご質問に接続しますurl/faq.html＃question1

次に、いくつかのjavascriptを使用して、ハッシュを確認してから、ユーザーをセクションにスクロールしてスライドを切り替えることができます。

$(function(){ 
    if(window.location.hash) { 
    // Fragment exists 
    // use hash value to match an attribute in the question. 
    // scroll to Q/A and toggle. 
    } 
}); 

Answer 2

urlのハッシュ値を使用して、準備関数に表示するfaqをマークすることができます。すべてのFAQにハッシュ値に接続するIDを付けてください。ハッシュ値window.location.hashにアクセスし、ハッシュ値に一致するFAQのみを表示します。

例：

http://mypage.com/faq.html#faq1は、私は、例えば、ハッシュとしてURLでquetsion区間を通過するのid =「faq1」

Answer 3

は解答ごとにIDやa nameを設定し、ハッシュタグが設定されている場合は、ページの読み込みを確認し、それに応じて質問を開くためにJSを使用します。

(function(hash){ 
    if (hash !== undefined && hash.substring(0,1) === "#") { 
    $(hash).slideToggle("fast"); 
    } 
})(window.location.hash); 

例：http://jsfiddle.net/wSRyP/

そして、あなたは#hashtagを使用して、それらにリンクする：

http://fiddle.jshell.net/78Udw/show/light/