jquery - 1ページWebサイトの複数ページのjqueryベースのナビゲーション

Question

私は事実上 1 つのページですが、複数のページで構成される Web サイトの作成に取り組んでいます。

html:

<p class="nav">
<a id="1" class="active" href="#">Home</a>
<a id="2" href="#">Our Designs</a>
<a id="3" href="#">Our Team</a>
<a id="4" href="#">Contact</a>
</p>
<div id="p1">
</div>
<div id="p2">
</div>
<div id="p3">
</div>
<div id="p4">
</div>

CSS:

#p1,
#p2,
#p3,
#p4{
    display:none;
}
.pactive{
    display:block !important;
}

jquery:

$("#1").click(function(){
  $(".active").toggleClass("active");
  $("#1").toggleClass("active");
  $(".pactive").fadeout(200);
  setTimeout(function(){
    $(".pactive").toggleClass("pactive");
  }, 200);
  setTimeout(function(){
    $("#p1").toggleClass("pactive");
  }, 200);
  setTimeout(function(){
    $(".pactive").fadein(200);
  }, 200);
});

各リンクに 1 つずつあります

これを機能させるにはどうすればよいですか？