Что делает Collapse в bootstrap?

Frontend developer Bootstrap 4
1

Объясните, что оно конкретно делает? Где применяют? Подкиньте примерчик для размышлений если такой найдется)

2

Такие примерчики мог бы и погуглить) Если говорить просто, то данный класс позволяет переключать видимость элементов, с помощью этого элемента делают разные разворачиваемые панельки, когда клацаешь и тут же выпадает список



    <a 
class="btn btn-primary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">

        Ссылка с href

    

    <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">

        Кнопка с data-target

    



<div class="collapse" id="collapseExample">

    <div class="card card-body">

        Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

Блоку с текстом делаем айдишник и класс collapse, а в кнопке (которая на самом то деле ссылка!) указываем айдишник в href через #, вот и вся наука)