<p>
  <button class="btn btn-primary" type="button" 
     data-toggle="collapse" data-target="#collapseExample" aria-expanded="false"
     aria-controls="collapseExample">
     Click to expand
   </button>
</p>

<div id="collapseExample" class="collapse">
  <div class="card card-body">Praesent aliquet augue hendrerit quam 
   ultrices porta. Donec in fringilla magna, quis ultricies
   nisi. Nam sit amet augue ut nibh ullamcorper luctus iaculis sit amet risus. 
   Quisque tincidunt congue porttitor. Integer quam est, interdum at dictum pretium, 
   euismod sed risus. Praesent tempus in elit quis facilisis. Donec volutpat 
   pellentesque orci eu consequat. Aliquam et mattis lacus. Integer eget 
   sollicitudin risus. Lorem ipsum dolor sit amet, consectetur adipiscing
   elit. Cras ut lectus ac leo lobortis feugiat ac a ex. Etiam sit amet ligula
   lacinia, pharetra tellus et, sagittis ipsum. Sed bibendum turpis eget nisl gravida 
   imperdiet.
  </div>
</div>

<p>
  <a class="btn btn-primary" data-toggle="collapse" 
    href="#collapseExample2" aria-expanded="false" 
    aria-controls="collapseExample2">
    Click to expand
  </a>
</p>

<div id="collapseExample2" class="collapse">
  <div class="card card-body">Praesent aliquet augue hendrerit quam 
   ultrices porta. Donec in fringilla magna, quis ultricies
   nisi. Nam sit amet augue ut nibh ullamcorper luctus iaculis sit amet risus. 
   Quisque tincidunt congue porttitor. Integer quam est, interdum at dictum pretium, 
   euismod sed risus. Praesent tempus in elit quis facilisis. Donec volutpat 
   pellentesque orci eu consequat. Aliquam et mattis lacus. Integer eget 
   sollicitudin risus. Lorem ipsum dolor sit amet, consectetur adipiscing
   elit. Cras ut lectus ac leo lobortis feugiat ac a ex. Etiam sit amet ligula
   lacinia, pharetra tellus et, sagittis ipsum. Sed bibendum turpis eget nisl gravida 
   imperdiet.
  </div>
</div>