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

标签 javascript html

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

我希望有这样的事情:

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

当您单击链接时,div 会变成“style='show'”,并且链接会消失。

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

提前致谢

最佳答案

简单来说,不使用库:

<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>

关于javascript - 制作一个链接,点击后消失并显示一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15822149/

相关文章:

html - 背景图像未出现

html - 如何防止 div 在 col-md-12 上溢出? ( Bootstrap 3)

javascript - 如何从我的 HTML 中删除 'white space text nodes'?

javascript - 仅当文档与数据库不同时才更新文档?

javascript - 第一次单击单选按钮后无法触发更改事件

javascript - 如何要求全局使用 npm 安装模块?

javascript - 用 html 中的文本替换 Swiper 分页

jquery - 选定的选项卡不会显示其中的内容

html - CSS 根据 HTML 选择选项值选择另一个元素

javascript - qx.io.remote.Request : post parameters in body and url