javascript - アンカーに基づいてコンテンツを表示/非表示 - ほぼ完成

Question

私は非常に近いですが、jQueryクリックされたアンカーに基づいてコンテンツの正しいブロックのみを表示し、アンカーからのコンテンツの最初のブロックを最初に訪問者に表示したいというスクリプトに欠けているものを見ることができません。どんな助けでも大歓迎です。

クラスのアンカーリンクを動的に生成しました.link

コンテンツも動的に生成され、各アンカー ポイント (A、B、C...) のコンテンツは のulクラスに含まれてい.test-full-listます。どんな助けでも大歓迎です。

生成されたコンテンツ:

アンカー リンク:

<span class="link"><a href="#A">A</a></span>
<span class="link"><a href="#B">B</a></span> 

コンテンツ：

<div class="test-listing-container">
    <ul class="test-full-list">
        <ul class="test-category-list"> 
            <a name="A"></a>
            <div class="anchor-header">- A -</div>
            <li id=test-list> 
                <a href="some link" class="main" title="some title">Some Link 1</a>
                <a href="some link" class="main" title="some title">Some Link 1</a>
            </li>
        </ul>
    </ul>
</div>

脚本：

jQuery(document).ready(function () {
    jQuery('.test-listing-container').hide();

    jQuery('.link a').click(function () {
        var jQuerydiv = jQuery('.test-full-list').eq(jQuery(this).index('.link a'));
        jQuerydiv.show('.test-full-list'); // show the relevant div
    });
});