Javascript 如何在同一html文件中显示引用id的纯文本内容

我很难想出一个描述性的标题，但这是我能做的最好的了。不管怎样，我一直在关注创建一个可悬停的菜单，它就像一个符咒，但现在当我想要引用id时，问题来了

<a href="#element1">Link 1</a>

我已经设置了下拉内容。我想在同一个html文件中执行以下操作：

<div id="element1">
    <article>
    <h1>This is the page to element 1</h1>
    <p> Some plain text... </p>
    </article>
</div>

这是指向元素1的页面
一些纯文本

但是这些内容只显示在索引页面上，而不是我想专门用于“element1”的页面上。现在，您可能可以创建另一个html文件并对其进行引用，但前几天我在使用JQuery时，上面的代码按照我的预期工作

---

有没有办法不用另一个html文件就能做到这一点，或者你只需要开始编写一些Javascript就可以让一切正常工作？

找到了答案。只需阅读JQuery并尝试显示/隐藏选项，就可以了。我还需要从一开始就用样式标记隐藏id的内容

不应使用相同的id设置多个元素。页面上的每个id都必须是唯一的。尝试将新元素上的id从

element1

更改为其他内容。