如何仅使用 CSS 和 HTML 通过点击显示和隐藏 Div？

使用 CSS 和 HTML 在单击时显示隐藏 Div

无需使用 jQuery 即可实现与 jQuery Mobile 中类似的可折叠标题。以下是演示如何执行此操作的五个示例：

1。使用详细信息和摘要标签（纯 HTML）

HTML5 的详细信息和摘要标签为这个问题提供了一个简单的解决方案，消除了对样式或脚本的需要：

 <summary>折叠1摘要><br> <p>内容 1...</p>
<br>详细信息><br><br> 折叠 2摘要> <br> <p>内容2...</p><br></details>

登录后复制

以上是如何仅使用 CSS 和 HTML 通过点击显示和隐藏 Div？的详细内容。更多信息请关注PHP中文网其他相关文章！