我正在嘗試創建一個功能，其中頂部將有多個鏈接，并且默認情況下將在同一頁面中加載內容和標題。鏈接和標題將相關，因此單擊鏈接將重定向到具有效果的特定 div（類似于單頁應用程序）。例子：Vision Mission Address ContactVisionContent here MissionContent here AddressContent here ContactContent here 我不確定我是怎么做到的，但創建了一個實際上不相似的樣本，可以說是一個試驗。這不是我想要的：$(document).ready(function(){  $(".subcontent").hide();  $('#myMenu').on('click','a',function()  {    $('.subcontent:visible').hide();    $('.subcontent[id='+$(this).attr('data-id')+']').fadeIn();  });});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script><ul id="myMenu">  <li><a href="#" data-id="Vision">Vision</a></li>  <li><a href="#" data-id="Mission">Mission</a></li></ul><section class="subcontent"  id="Vision" style="display:block" >  <div class="page-heading">     <h1 class="caption">Vision</h1>  </div></section><section class="subcontent"  id="Mission" >  <div class="page-heading">     <h1 class="caption">Mission</h1>  </div></section>