Collapsible Checklist

    
      <ol class="lmp-collapsible-checklist">
    <li class="checklist-item">
        <h6>
          <button class="checklist-trigger collapsed" type="button" data-toggle="collapse" data-target="#checkItem1" aria-expanded="false" aria-controls="checkItem1">
            Checklist Item Title
          </button>
        </h6>
        <div class="collapse checklist-collapse" id="checkItem1">
          <div class="pb-3 pr-md-5">
            Checklist Item Content
          </div>
        </div>
    </li>
    <li class="checklist-item complete">
        <h6>
          <button class="checklist-trigger collapsed" type="button" data-toggle="collapse" data-target="#checkItem2" aria-expanded="false" aria-controls="checkItem2">
            Checklist Item 1
          </button>
        </h6>
        <div class="collapse checklist-collapse" id="checkItem2">
          <div class="pb-3 pr-md-5">
            Checklist Item Content
          </div>
        </div>
    </li>
    <li class="checklist-item">
        <h6>
          <button class="checklist-trigger collapsed" type="button" data-toggle="collapse" data-target="#checkItem3" aria-expanded="false" aria-controls="checkItem3">
            Checklist Item 2
          </button>
        </h6>
        <div class="collapse checklist-collapse" id="checkItem3">
          <div class="pb-3 pr-md-5">
            Checklist Item Content
          </div>
        </div>
    </li>
  </ol>