0

私はここにあるファンシーな FAQ コードを使用しています (正確には下部にある「エレガントな」バージョン)。 http://davidwalsh.name/jquery-sliders

私がやりたいことは、よくある質問の質問ごとにアンカーを作成し、これらのアンカーを使用して電子メールで適切な質問へのリンクを提供することです. さらに、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);
        });
    });
});
4

1 に答える 1

2

location.hashプロパティにはハッシュ値が含まれます。詳細については、こちらとこちらをご覧ください。この値を取得したらslideToggle()、対応する FAQ は非常に簡単です。

于 2013-05-10T21:17:16.980 に答える