javascript - 制作一个链接，点击后消失并显示一个 div

Question

我将如何使用 javascript 创建一个链接，当单击该链接时，该链接会消失并在其位置出现一个隐藏的 div？

我希望这样的事情：

[link]
<div id="hidden" style="hidden">
//hidden content
</div>

当您单击链接时，div 变为“style='show'”，链接消失。

我希望这是有道理的...

提前致谢

Answer 1

简单来说，不使用库：

<a href="javascript:void(0)" onclick="this.style.display = 'none'; document.getElementById('hidden').style.display = 'block'">Click me</a>
<div id="hidden" style="display: none">...</div>