Boleh dilipat

Menu yang boleh diperkembangkan/dilipat

Menu yang boleh diperkembangkan/dilipat
  1. Apa itu menu yang dilipat?
  2. Bagaimana anda menambah butang berkembang dan runtuh di HTML?
  3. Bagaimana anda meruntuhkan menu di CSS?
  4. Apa itu senarai yang boleh dilipat?

Apa itu menu yang dilipat?

Menu yang dilipat adalah menu senarai menegak yang runtuh ke tajuk menu yang boleh diperkembangkan apabila dipaparkan pada peranti mudah alih. Ini digunakan hampir secara eksklusif di footer dan boleh digunakan dalam grid untuk membuat lajur menu yang dilipat.

Bagaimana anda menambah butang berkembang dan runtuh di HTML?

Untuk mengawal (menunjukkan/menyembunyikan) kandungan yang boleh dilipat, tambahkan atribut data-toggle = "runtuh" ​​ke <a> atau a <butang> elemen. Kemudian tambahkan atribut sasaran data = "#id" untuk menyambungkan butang dengan kandungan yang boleh dilipat (<Div Id = "Demo">).

Bagaimana anda meruntuhkan menu di CSS?

Runtuh & Berkembang

Sekarang kita hanya perlu menetapkan keadaan lalai menu yang akan runtuh ketika ketika kotak semak tidak diperiksa. Kami melakukan ini dengan menukar ketinggian maksimum . Kandungan menu hingga 0, tetapi memaparkan ketinggian maksimum sebanyak 100% apabila kotak semak diperiksa. Itu sahaja!

Apa itu senarai yang boleh dilipat?

Senarai yang boleh dilipat akan menunjukkan dan menyembunyikan bahagian kandungan yang diberikan apabila tajuknya diklik. Senarai yang dilipat akan muncul pada mulanya sebagai satu siri tajuk 5s atau tajuk 6s dengan anak panah di sebelah masing -masing. Klik tajuk sekali untuk mengembangkan kandungan, dan sekali lagi untuk menutupnya.

Aplikasi Web Menunjukkan maklumat dengan format borang
Cara memaparkan data borang dalam html?Apa itu Aplikasi Web Borang?Bagaimana anda mendapat maklumat dari borang yang dikemukakan menggunakan kaedah p...
Adakah terdapat algoritma sedia ada untuk mengukur bacaan teks dan warna latar belakang?
Teks warna apa pada latar belakang warna apa yang tetap menjadi standard untuk kebolehbacaan?Apakah warna latar belakang terbaik untuk dibaca?Teks wa...
Ulangi Tindakan Utama Butang Split?
Apakah penggunaan butang Split?Bagaimana anda membuat butang berpecah? Apakah penggunaan butang Split?Butang Split adalah hibrid antara butang dan m...