Question

我正在处理一个静态网页，当单击相应的按钮时，该网页隐藏/显示内容的特定部分（我应该说我对jQuery非常陌生）。

到目前为止，无法通过URL直接访问部分。有没有办法做到这一点？

例如，访问http://www.mypage.com/#contact将自动显示相应的节/格（并隐藏所有其他节/格）。

谢谢！

HTML：

<a href="#home" id="button_home">Home</a>
<a href="#contact" id="button_contact">Contact</a> 

<div id="section_home">some text</div>
<div id="section_contact">some text</div>

jQuery：

   $(document).ready(function(){

      $("#button_home").click(function(){
          $("#section_home").addClass("visible");
          $("#section_contact").removeClass("visible");
      });

      $("#button_contact").click(function(){
          $("#section_home").removeClass("visible");
          $("#section_contact").addClass("visible");
      });
   });

Answer 1

检查这个小提琴https://jsfiddle.net/s4Ljw9zo/

这是您要找的吗？

$(document).ready(function(){

      $("#button_home").click(function(){
          $("#section_home").addClass("visible");
          $("#section_contact").removeClass("visible");
      });

      $("#button_contact").click(function(){
          $("#section_home").removeClass("visible");
          $("#section_contact").addClass("visible");
      });
   });

.section{
  display: none;
}
.section.visible{
  display: block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#home" id="button_home">Home</a>
<a href="#contact" id="button_contact">Contact</a> 

<div class="section" id="section_home">Section Home</div>
<div class="section" id="section_contact">Section Contact</div>

通过jQuery显示页面内容时可共享的URL

1 个答案: