<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<small>
<div id="container" style="width:40%; margin-left:5vw">
<div id="accordion" style="width:50%;">
<div class="card border-success mb-3 text-center">
<div class="card-header">
<a class="collapsed card-link text-center" data-toggle="collapse" href="#collapseFIRST">
<h5 class="card-title text-dark">First Fold</h5>
<h6 class="card-subtitle mb-2 text-muted">Subtitle</h6>
</a>
</div>
<div id="collapseFIRST" class="collapse" data-parent="#accordion">
<div class="card-body text-left">
<table class="table table-hover group table-striped">
<tbody>
<tr>
<td>Title:</td>
<td>Value</td>
</tr>
<tr>
<td>Title:</td>
<td>Value</td>
</tr>
<tr>
