jquery - jQuery タブ -- 同じ div に対する複数のリンク

Question

いくつかの div セクションを含む jQuery タブ セクションがあります。全体の上部に各セクションへのリンクがありますが、ページが最初に読み込まれたときにコンテンツを表示する div にも同じリンクを配置したいと思います。基本的に、非表示の div にアクセスするには 2 つの異なる方法があります。上部のリンクをコピーしようとしましたが、同じリンクを複数追加するとうまくいかないようです。リンクごとに別の名前を追加する必要がありますか?

タブ付きセクションのコードは次のとおりです。

$(document).ready(function() {
$("#content div").hide(); // Initially hide all content
$("#tabs li:first").attr("id","current"); // Activate first tab
$("#content div:first").fadeIn(); // Show first tab content

$('#tabs a').click(function(e) {
    e.preventDefault();
    if ($(this).closest("li").attr("id") == "current"){ //detection for current tab
     return       
    }
    else{             
    $("#content div").hide(); //Hide all content
    $("#tabs li").attr("id",""); //Reset id's
    $(this).parent().attr("id","current"); // Activate this
    $('#' + $(this).attr('name')).fadeIn(); // Show content for current tab
    }
});

});

HTMLは次のとおりです。

<a href="#" name="section1">Link One</a>
<a href="#" name="section2">Link Two</a>

<br><br>

<div id="section1">
My text and information goes here. <<ALSO WANT A LINK HERE TO OPEN THE SECOND DIV BELOW>>
</div>


<div id="section2">
My text and information goes here.
</div>