jquery - 以下のブロックを切り替える jQuery メニュー + アクティブなブロックへのリンク

Question

そこで、下のブロックを切り替える簡単なメニューを作成しました。これで問題ありません。これが私のJS Fiddleです。しかし、外部からそれらのブロックにリンクできるようにする必要があります。

言葉で説明するのは難しいので、例を挙げ ます。そこにメニューがあり、「Fetures」メニュー項目があり、ここに 2 番目のメニュー項目「Demo」のリンクがあります。

これが私のコードです：

<div class="wrap">
    <ul>
        <li><a id="linkOne" href="#/first">First</a></li>
        <li><a id="linkTwo" href="#/second">Second</a></li>
        <li><a id="linkThree" href="#/third">Third</a></li>
    </ul>
    <p id="first">First Paragraph</p>
    <p id="second">Second Paragraph</p>
    <p id="third">Third Paragraph</p>

そしてjs：

$(document).ready(function(){
    $('#linkOne').click(function(){
        $('#first').show();
        $('#second').hide();
        $('#third').hide();
    });
    $('#linkTwo').click(function(){
        $('#first').hide();
        $('#second').show();
        $('#third').hide();
    });
    $('#linkThree').click(function(){
        $('#first').hide();
        $('#second').hide();
        $('#third').show();
    });
});

チュートリアルや良い例が見つからなかったので、知っている場合は私に連絡してください。