accordion

gistfile1.txt

<div id="accordion" class="accordion mt-3">
      <div class="card mt-1">
          <div class="card-header" id="headingOne" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
              <h5 class="mb-0">
              <button class="btn btn-link collapsed" type="button">
                  Title 1
              </button>
              </h5>
          </div>
          <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordion">
              <div class="card-body">
                  Body 1
              </div>
          </div>
      </div>
      <div class="card mt-1">
          <div class="card-header" id="headingTwo" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
              <h5 class="mb-0">
              <button class="btn btn-link collapsed" type="button">
                  Title 2
              </button>
              </h5>
          </div>
          <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
              <div class="card-body">
                  Body 2
              </div>
          </div>
      </div>
      <div class="card mt-3">
          <div class="card-header" id="headingThree" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
              <h5 class="mb-0">
              <button class="btn btn-link collapsed" type="button">
                  Title 3
              </button>
              </h5>
          </div>
          <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
              <div class="card-body">
                  Body 3
              </div>
          </div>
      </div>
</div>