Сворачиваемый блок

<div class="collapsible">
  <button class="collapsible__toggle" type="button" data-ui-collapsible aria-expanded="false" aria-controls="col-log" data-ui-text-closed="Показать журнал" data-ui-text-open="Скрыть журнал">Показать журнал</button>
  <div class="collapsible__body" id="col-log">
    <p>14:02 — участник Мария подключилась к встрече «Ретроспектива релиза».</p>
    <p>14:03 — качество канала снижено до 480p, потери пакетов 4%.</p>
    <p>14:07 — канал восстановлен, качество вернулось к 720p.</p>
  </div>
</div>

<div class="collapsible collapsible--clamp">
  <button class="collapsible__toggle" type="button" data-ui-collapsible aria-expanded="false" aria-controls="col-more" data-ui-text-closed="Показать ещё" data-ui-text-open="Свернуть">Показать ещё</button>
  <div class="collapsible__body collapsible__body--clamp" id="col-more">
    <p>Во время ночного релиза очередь сообщений выросла до 120 тысяч, пока нагрузка не вернулась к норме. Дежурный инженер увеличил число потребителей с четырёх до двенадцати и убедился, что задержка обработки упала ниже 300 мс.</p>
    <p>После разбора причин решено ограничить размер пакета на стороне отправителя и добавить предупреждение о длине очереди в панель дежурного.</p>
  </div>
</div>