Html 如何在同一页面中隐藏链接的内容？

我正在尝试创建一个博客页面。在我的博客页面，我想给一个链接到同一页上的地方。如何使用html实现这一点

Ex sort of table of the content

   |------------------------------|
   |  List of smt                 |
   |     *X                       |
   |     *Y                       |
   |     *Z                       |
   |     *T                       |
   |------------------------------|

当用户按下某个链接（如X）时，同一页面将加载X的内容。 X的内容

   |------------------------------|
   |           X                  |
   |   X is .....                 |
   | .......................      |
   | .. . X is used in .....      |
   |------------------------------|

---

试试这个。

我不确定这对你是否有帮助，但是你可以用一些CSS来做吗

如果你在一个页面上有所有内容，你可以用id制作div，然后链接到每个id，它会向下滚动到那个id。。。您可以将div隐藏在页面之外，单击时它们会出现

如果这听起来有用，我可以提供一些代码

代码：据我所知，你想链接到页面的另一个部分，很可能是再往下一点

这里有一个选项，让我知道它是否对您的问题有效：

{CSS}
#partofpage {



}


{HTML}
<a href = "#partofpage">Link</a> 

---

我已经试过了我真的不是100%确定你在问什么。。。听起来你们在找一个简单的名字，我想给你们一个标题列表。然后，如果用户按下其中一个按钮，同一页面将加载内容。换句话说，我试图在同一页面中存储带有链接的内容。内容隐藏在链接后面。

{CSS}
#partofpage {



}


{HTML}
<a href = "#partofpage">Link</a> 

{CSS}
#partofpagehidden {

visibily : hidden; /*if you put "Collapse" then it would hide a column/row of a table*/
OR

display: none; /*This would take the element away and it wont take up any space,      visibility would take it away but it would take up the same space*/




}
#partofpageshown {

visibility: visible;

}