Плагін JavaScript для згортання використовується для показу та приховування вмісту. Кнопки або прив’язки використовуються як тригери, які зіставляються з певними елементами, які ви перемикаєте. Згортання елемента призведе до анімації висоти від його поточного значення до 0 . Враховуючи те, як CSS обробляє анімацію, ви не можете використовувати відступ у . елемент згортання.

Клас .collapse вказує на складний елемент (<div> у нашому прикладі); це вміст, який буде показано або приховано одним натисканням кнопки. Щоб контролювати (показувати/приховувати) вміст, що згортається, додайте атрибут data-toggle="collapse" до елемента <a> або <button>.

Вступ до Bootstrap Collapse Navbar. Панель навігації (Navbar) — це заголовок або індекс веб-програми. Він завжди розміщується вгорі веб-сторінки. Згортання в bootstrap є використовується для економії місця великого вмісту. Він прихований і показує вміст, коли забажає користувач.

Просто додати data-toggle="collapse" і data-target до елемента для автоматичного призначення керування одним або декількома складними елементами. Атрибут data-target приймає селектор CSS для застосування згортання. Обов’язково додайте згортання класу до елемента, що згортається.

Bootstrap 5 Collapse можна запустити двома способами використання атрибутів даних і використання JavaScript. Щоб використовувати його з JavaScript, потрібно створити новий об’єкт згортання Bootstrap. Попередньо визначені методи show() і hide() для досягнення базової обробки елемента згортання за допомогою JavaScript.

Використовується плагін JavaScript для згортання щоб показати або приховати вміст. Кнопки або прив’язки використовуються як тригери, які зіставляються з певними елементами, які ви перемикаєте. Згортання елемента призведе до анімації висоти від його поточного значення до 0 . Враховуючи те, як CSS обробляє анімацію, ви не можете використовувати відступи для елемента .collapse.