Javascript 通过锚定标记动态加载内容

我有一个我想做的东西，它几乎就在那里

但我想做的是，当从电子邮件中单击URL时加载内容

e、 g.www.mocksite.co.uk/#A将在 www.mocksite.co.uk/#B将在B等中加载内容

当我在我的测试站点上运行它时，我可以看到锚标记正在选择选项，只是没有显示它下面的任何内容

<span class="link"><a href="#A">A</a></span>
<span class="link"><a href="#B">B</a></span> 
<span class="link"><a href="#C">C</a></span> 
<div class="test-listing-container">
<ul class="test-full-list">
  <ul class="test-category-list">
    <a name="A"></a>
    <div class="anchor-header">- A -</div>
       <li id="test-list-A">
       <a href="some link" class="main" title="some title">Some Link 1 - A</a>
       <a href="some link" class="main" title="some title">Some Link 1 - A</a>
       </li>
  </ul>
  <ul class="test-category-list">
    <a name="B"></a>
    <div class="anchor-header">- B -</div>
       <li id="test-list-B">
       <a href="some link" class="main" title="some title">Some Link 1 - B</a>
       <a href="some link" class="main" title="some title">Some Link 1 - B</a>
       </li>
  </ul>
     <ul class="test-category-list">
    <a name="C"></a>
    <div class="anchor-header">- C -</div>
       <li id="test-list-C">
       <a href="some link" class="main" title="some title">Some Link 1 - C</a>
       <a href="some link" class="main" title="some title">Some Link 1 - C</a>
       </li>
  </ul>
</ul>
</div>

<script>
   $.noConflict();

   jQuery(document).ready(function(){
     jQuery('ul.test-category-list').hide();

     jQuery(document).on('click', '.link a', function (evt) {
       var $a = jQuery(evt.currentTarget),
           name = $a.attr('href').substr(1),
           $a2 = jQuery('.test-listing-container').find('a[name="' + name + '"]'),
           $ul = $a2.parents('ul.test-category-list').first();

       jQuery('ul.test-category-list').hide(); // hide all 
       $ul.show(); // show the relevant one
     });
   });
</script>

$.noConflict（）；
jQuery（文档）.ready（函数（）{
jQuery（'ul.test category list'）.hide（）；
jQuery（文档）.on（'click'，'link a'，函数（evt）{
var$a=jQuery（evt.currentTarget），
name=$a.attr（'href'）.substr（1），
$a2=jQuery（'.test listing container'）.find（'a[name=“'+name+'”），
$ul=$a2.parents（'ul.test category list'）.first（）；
jQuery（'ul.test category list'）.hide（）；//全部隐藏
$ul.show（）；//显示相关的
});
});

以上是我到目前为止在JS小提琴中所做的

理想情况下，我不会在HTML的任何地方有3个链接，它们都将被隐藏，只是能够访问的内容，因为他们通过点击页面

我对javascript非常陌生，所以如果有人能用js小提琴向我展示它，并解释一下他们所做的事情，那就太好了

---

提前感谢

返回的数据是什么？什么都没有，我可以看到CSS改变了链接的颜色选择了它，但如果单击它，它只会加载

中的内容。我的意思是url返回的数据类型是什么？你不能只在iframe中加载它吗？