首頁 > web前端 > css教學 > 如何僅使用 CSS 和 HTML 透過點擊顯示和隱藏 Div?

如何僅使用 CSS 和 HTML 透過點擊顯示和隱藏 Div?

Patricia Arquette
發布: 2024-11-30 16:51:11
原創
818 人瀏覽過

How Can I Show and Hide Divs with Clicks Using Only CSS and HTML?

使用CSS 和HTML 在點擊時顯示隱藏Div

無需使用jQuery 即可實現與jQuery Mobile 中類似的可折疊標題。以下是示範如何執行此操作的五個範例:

1。使用詳細資訊和摘要標籤(純HTML)

HTML5 的詳細資訊和摘要標籤為這個問題提供了一個簡單的解決方案,消除了對樣式或腳本的需要:


 <summary>折疊1摘要><br> <p>內容1...</p>
<br>詳細資料><br><br> 折疊2摘要> <br> <p>內容2...</p> <br></summary>
登入後複製

以上是如何僅使用 CSS 和 HTML 透過點擊顯示和隱藏 Div?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板