masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Menunjukkan dan Menyembunyikan Div dengan Klik Hanya Menggunakan CSS dan HTML?

Bagaimanakah Saya Boleh Menunjukkan dan Menyembunyikan Div dengan Klik Hanya Menggunakan CSS dan HTML?

Patricia Arquette

Lepaskan： 2024-11-30 16:51:11

asal

771 orang telah melayarinya

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

Tunjukkan Sembunyikan Div pada Klik Menggunakan CSS dan HTML

Mencapai pengepala boleh lipat serupa dengan yang terdapat dalam jQuery Mobile boleh dilakukan tanpa menggunakan jQuery. Berikut ialah lima contoh yang menunjukkan cara berbuat demikian:

1. Menggunakan Teg Butiran dan Ringkasan (HTML Tulen)

Teg perincian dan ringkasan HTML5 menawarkan penyelesaian mudah untuk masalah ini, menghapuskan keperluan untuk penggayaan atau skrip:

 <ringkasan>Runtuhkan 1</ringkasan><br> <p>Kandungan 1...</p><br></details><br><butiran><br><Kompilasi> 2</ringkasan><br> <p>Kandungan 2...</p><br></details>

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menunjukkan dan Menyembunyikan Div dengan Klik Hanya Menggunakan CSS dan HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber：php.cn

Artikel sebelumnya：Bagaimanakah Saya Boleh Mengakses Kandungan Dijana CSS Menggunakan JavaScript? Artikel seterusnya：Bagaimana Saya Boleh Memudahkan CSS Berawalan Penjual Silang-Pelayar?

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang

Isu terkini

function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...

daripada 2024-04-29 11:01:01

2064

Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?

daripada 2024-04-23 00:22:19

2225

Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.

daripada 2024-04-19 15:37:47

1872

Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...