Cara Membuat DIV yang Dilipat dalam CSS

Gunakan tag DIV yang dilipat untuk membolehkan pengunjung ke laman web anda membaca kandungan tambahan tanpa dipaksa meninggalkan halaman semasa. Teg ini membolehkan anda membuat halaman dengan banyak tajuk yang dapat diperluas yang membolehkan pengguna melihat hanya perincian yang mereka minati tanpa membaca halaman teks yang panjang. Pencarian yang lebih pantas menjadikan laman web anda lebih mesra pengguna dan meningkatkan nilainya kepada pelawat anda sebagai alat rujukan.

Langkah 1

Buat tag "" yang mengandungi teks pop timbul. Letakkan ini di " "bahagian kod HTML anda. Tetapkan keadaan paparan awalnya ke tidak:

Teks timbul
Bagaimana ini kelihatan?

Langkah 2

Tetapkan pautan hiper untuk membuka JavaScript untuk melakukan tindakan pop-up yang sebenarnya pada "

"tag. Dalam skrip ini, mengklik butang kiri tetikus mengaktifkan pautan. Letakkan kod ini tepat di bawah baris sebelumnya:Klik untuk Kembangkan

Buat fungsi JavaScript yang mengawal keterlihatan teks CSS anda yang tersembunyi. Letakkan fungsi ini di " "bahagian kod HTML anda:

Petua

• Dalam contoh ini, teks "Klik untuk Tunjukkan atau Sembunyikan" dipaparkan dengan sifat yang diberikan pada tag "". Kali pertama pengguna mengklik teks, mesej "Teks timbul", "Bagaimana ini kelihatan?" dipaparkan di skrin dengan kereta kembali sebagai ganti koma. Mesej akan hilang apabila pengguna mengklik teg untuk kali kedua.