<section id="collapse">
  <h2>Collapse</h2>
  <code>mg-collapse + opened</code>
  <p>Collapsible elements are used to hide or show content based on user interaction. Below, you will find examples of
    collapsible elements in their default state, as well as examples of how to trigger the collapse and expand
    functionality.</p>
  <p>Place <code>mg-collapse</code> class to a clickable element</p>
  <p>Place <code>mg-collapse--content</code> just after the clickable element</p>
  <p>Adding <code>opened</co