Bootstrap 5 TutorialLesson 21Preview gratis
BS5 Collapse
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Collapse menyembunyikan atau menampilkan blok konten secara mulus, umum dipakai untuk menu accordion atau bagian FAQ. Pemicu memakai data-bs-toggle="collapse" dan data-bs-target yang menunjuk ke id konten tujuan. Kelas .collapse menyembunyikan konten dan .show menandai konten sedang terbuka.
Poin kunci
- data-bs-toggle="collapse" pada pemicu mengaktifkan fitur ini.
- data-bs-target atau atribut href menunjuk id konten yang akan dilipat.
- Kelas .collapse menyembunyikan konten; .show membukanya.
- Kelas .collapsing dipakai Bootstrap selama animasi berlangsung.
- Pemicu dua arah bisa dibuat dengan dua tombol yang menunjuk target sama.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.