JQuery在顶部打开一个带有特定ul的链接

Question

我有一个如下菜单。看一看。 假设此菜单位于“page.php”上。 我想要实现的是当我点击index.php上带有href =“page.php＃tab2”的链接时，它会打开page.php并显示＃tab2而不是＃tab1。 希望你能帮助我。

    $("#tab2").hide();
    $("#tab3").hide();

$("#tab1_click").click(function () {
        $("#tab2, #tab3").hide("blind");
        $("#tab1").delay(200).show("blind");
    });

$("#tab2_click").click(function () {
        $("#tab1, #tab3").hide("blind");
        $("#tab2").delay(200).show("blind");
    });

$("#tab3_click").click(function () {
        $("#tab2, #tab1").hide("blind");
        $("#tab3").delay(200).show("blind");
    });

ul {margin:0;}
#nav li {display: inline-block; padding: 10px;}
#tab1_click {background:#ccc;}
#tab2_click {background:#ddd;}
#tab3_click {background:#eee;}
#tab1 {width: 300px; height:300px; background:#ccc}
#tab2 {width: 300px; height:300px; background:#ddd}
#tab3 {width: 300px; height:300px; background:#eee}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="nav"><li id="tab1_click">Tab 1</li><li id="tab2_click">Tab 2</li><li id="tab3_click">Tab 3</li></ul>
<ul id="tab1">
  <li></li>
  <li></li>
  <li></li>
  </ul>

<ul id="tab2">
  <li></li>
  <li></li>
  <li></li>
  </ul>

<ul id="tab3">
  <li></li>
  <li></li>
  <li></li>
  </ul>