<!-- Buttons trigger collapse -->

<a

  class="btn btn-primary"

  data-mdb-collapse-init

  data-mdb-ripple-init

  href="#collapseExample"

  role="button"

  aria-expanded="false"

  aria-controls="collapseExample"

>

  Link with href

</a>

<button

  class="btn btn-primary"

  type="button"

  data-mdb-collapse-init

  data-mdb-ripple-init

  data-mdb-target="#collapseExample"

  aria-expanded="false"

  aria-controls="collapseExample"

>

  Button with data-mdb-target

</button>

​

<!-- Collapsed content -->

<div class="collapse mt-3 p-3" id="collapseExample">

<select data-mdb-select-init>

  <option value="1">One</option>

  <option value="2">Two</option>

  <option value="3">Three</option>

  <option value="4">Four</option>

  <option value="5">Five</option>

</select>

<label class="form-label select-label">Example label</label>

</div>