javascript - JavaScriptでリンクを作成し、タブ付きコンテンツを選択します

Question

これは、今週初めにここで尋ねた質問の二次的な質問です。

JavaScript でリンク可能なタブ

URL リンクに関して以下の JavaScript を機能させました。下部のコンテンツ (「content_x」を含む div id) も表示します。

クリックイベントをトリガーする必要があると思いますか? しかし、私が試したことはすべて、ひどく失敗しました。いつもお世話になっております。

コードは次のとおりです。

リンクを設定した方法は次のとおりです。

<a href="javascript:tabSwitch(1, 19, 'tab_', 'content_');" id="tab_1" >
    <img src="image1.jpg" />
    <h3 class="links">
        Link 1
    </h3>
</a>        

「1」はこのタブの数、「19」はタブの総数です。

「タブ」がクリックされたときに表示されるコンテンツは次のとおりです。

<div id="content_1" class="content">
    <div class="modalBlurb">
        <img src="img.jpg" />
        <p class="Blurb">
            "Lorem Ipsum dum de darr"
        </p>
    </div>  
</div>

関数コードは次のとおりです。

function tabSwitch(active, number, tab_prefix, content_prefix) {  

    for (var i=1; i < number+1; i++) {  
      document.getElementById(content_prefix+i).style.display = 'none';  
      document.getElementById(tab_prefix+i).className = '';  
    }  
    document.getElementById(content_prefix+active).style.display = 'block';  
    document.getElementById(tab_prefix+active).className = 'active';      

}