/Html/How to code cards deck with tab collapse

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">
    ...

Source: stackoverflow.com

Similar codes

1 vote227 views1 answer
Webkit autofill background color
Html
0 vote178 views1 answer
Full screen button in video tag html5
Html
20 votes185 views2 answers
Select empty option
Html
0 vote194 views1 answer
Phone fa
Html
0 vote183 views2 answers
Html interview questions
Html
1 vote187 views1 answer
A link in new tab
Html
0 vote204 views1 answer
Col md flex column
Html
2 votes182 views3 answers
How to make a html css js editor
Html
2 votes190 views1 answer
Twig count array
Html
0 vote230 views1 answer
Elasticsearch built-in security features are not enabled. Without authentication, your cluster could be accessible to anyone. See https://www.elastic.co/guide/en/elasticsearch/reference/7.15/security-minimal-setup.html to enable security.
Html