Bolehkah Anda Tunjukkan dan Sembunyikan Div dengan CSS Sahaja?

Tunjukkan dan Sembunyikan Div dengan CSS Sahaja

Ingin menunjukkan atau menyembunyikan div berdasarkan input pengguna, tetapi dengan CSS sahaja? Mari ketahui cara untuk mencapai ini tanpa bergantung pada JavaScript.

Pernyataan Masalah:

Pengguna ingin menunjukkan dan menyembunyikan div pada klik menggunakan CSS sahaja. Walaupun jQuery sedang digunakan, mereka lebih suka penyelesaian yang boleh diakses yang berfungsi walaupun dengan JavaScript dilumpuhkan.

Penyelesaian CSS Sahaja: Penggodam Kotak Semak

Untuk penyelesaian CSS tulen, pertimbangkan penggodaman kotak semak. Kaedah ini melibatkan penggunaan kotak semak untuk mengawal paparan div. Apabila kotak pilihan ditandakan, satu set gaya digunakan dan apabila ia dinyahtandai, set lain digunakan. Pemilih pseudo :checked digunakan untuk membezakan antara keadaan ini.

Untuk menyembunyikan kotak pilihan bagi tujuan estetik, lampirkan pada label.

Demo dan Sumber

• [Dabblet Demo](http://dabblet.com/gist/1506530)
• [Artikel Trik CSS di Hack Box](http://css-tricks.com/the-checkbox-hack/)

Atas ialah kandungan terperinci Bolehkah Anda Tunjukkan dan Sembunyikan Div dengan CSS Sahaja?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!