how to code cards deck with tab collapse
<div class="container">
<div class="card-deck">
<div class="card mb-4">
<div class="card-body bg-light" id="1">
<h4 class="card-title">March 27, 2020</h4>
<p>
<img class="card-img-top" src="images/somephoto.jpeg" alt='some description' />
<a href="#c1" type="button" data-toggle="collapse" aria-expanded="false" aria-controls="c1">
<span class="collapsed">more...</span><span class="expanded">...less</span>
</a>
</p>
<div class="collapse" id="c1">
<p>some content</p>
</div>
</div
</div>
<div class="card mb-4">
<div class="card-body bg-light" id="2">
<h4 class="card-title">August 19, 2019</h4>
<p>
<img class="card-img-top" src="images/anotherphoto.jpeg" alt='another description' />
<a href="#c2" type="button" data-toggle="collapse" aria-expanded="false" aria-controls="c2">
<span class="collapsed">more...</span><span class="expanded">...less</span>
</a>
</p>
<div class="collapse" id="c2">
...