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

Question

我很难想出一个描述性的标题，但这是我能做的最好的。无论如何，我关注这个tutorial关于创建一个可收起的菜单，它就像一个魅力，但现在问题是当我想引用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>

但是这个内容只出现在索引页面上，而不是出现在我希望专注于＆＃34; element1＆＃34;的页面上。现在，您可能可以创建另一个html文件并引用它，但是当前我使用 JQuery 时，上面的代码按照我的意图运行。

有没有办法在没有其他html文件的情况下执行此操作，或者您是否只需要开始编写一些Javascript以使一切正常工作？

Answer 1

想出来。只需阅读JQuery并尝试显示/隐藏选项，它就可以了。我还需要从头开始使用 style 标记隐藏id的内容。