- Apa itu menu yang dapat dilipat?
- Bagaimana Anda menambahkan tombol Expand and Collapse di HTML?
- Bagaimana Anda Runtuh Menu di CSS?
- Daftar apa yang dapat dilipat?
Apa itu menu yang dapat dilipat?
Menu yang dapat dilipat adalah menu daftar vertikal yang runtuh ke judul menu yang dapat diperluas saat ditampilkan di perangkat seluler. Ini digunakan hampir secara eksklusif di footer dan dapat digunakan dalam grid untuk membuat kolom menu yang dapat dilipat.
Bagaimana Anda menambahkan tombol Expand and Collapse di HTML?
Untuk mengontrol (menunjukkan/menyembunyikan) konten yang dapat dilipat, tambahkan atribut data-kilat = "collapse" ke <sebuah> atau a <tombol> elemen. Kemudian tambahkan atribut data-target = "#id" untuk menghubungkan tombol dengan konten yang dapat dilipat (<div id = "demo">).
Bagaimana Anda Runtuh Menu di CSS?
Runtuh & Mengembangkan
Sekarang kita hanya perlu mengatur status default menu yang akan diruntuhkan ketika kotak centang tidak dicentang. Kami melakukan ini dengan mengubah ketinggian maksimal . Konten menu ke 0, tetapi minta itu menampilkan ketinggian maksimal 100% saat kotak centang dicentang. Itu dia!
Daftar apa yang dapat dilipat?
Daftar yang dapat dilipat akan menampilkan dan menyembunyikan bagian konten yang diberikan saat judulnya diklik. Daftar yang dapat dilipat pada awalnya akan muncul sebagai serangkaian heading 5s atau heading 6s dengan panah di sebelah masing -masing. Klik tajuk sekali untuk memperluas konten, dan lagi untuk menutupnya.