<div id="accordion">
  <div aria-multiselectable="false" class="panel-group" id="accordion-one" role="tablist">                      
    <div class="panel panel-default primary-border">
      <div class="panel-heading panel-heading--trigger-icon" id="headingOne" role="tab">                                                                                                
         <div class="panel-title">                                                                           
           <a aria-controls="collapseOne" aria-expanded="false" data- parent="#accordion-one" data-toggle="collapse" href="#collapseOne">Lorem Ipsum Dolor Sit Amet</a>                                                                      
         </div>                                                                 
      </div>                                                                     
      <div aria-labelledby="headingOne" class="panel-collapse in collapse show" id="collapseOne" role="tabpanel">                                                                      <div class="panel-body">
         <p>Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt urna. Pellentesque non ipsum quam. Mauris varius purus nulla, non mollis nulla tristique convallis. Nam necfinibus neque.</p>                                                                     
      </div>                                                                     
                                                                          
    </div>                                                                     
  </div>                                                                      <div class="panel panel-default primary-border">
  <div class="panel-heading panel-heading--trigger-icon" id="headingTwo" role="tab">
     <div class="panel-title">                                                                       
        <a aria-controls="collapseTwo" aria-expanded="false" class="collapsed" data-parent="#accordion-one" data-toggle="collapse" href="#collapseTwo">Donec molestie luctus condimentum</a>                                                                      
     </div>                                                                       
   </div>                                                                       
<div aria-labelledby="headingTwo" class="panel-collapse collapse" id="collapseTwo" role="tabpanel">
   <div class="panel-body">                                                                         
     <p>Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula.                                                                        
Cras a placerat lorem, nec tincidunt urna. Pellentesque non ipsum quam. Mauris varius purus nulla, non mollis nulla tristique convallis. Nam necfinibus neque. 
     </p>                                                                       
   </div>                                                                       
  </div>                                                                      </div>
<div class="panel panel-default primary-border">
  <div class="panel-heading panel-heading--trigger-icon" id="headingThree" role="tab">
     <div class="panel-title"><a aria-controls="collapseThree" aria-expanded="false" class="collapsed" data-parent="#accordion-one" data-toggle="collapse" href="#collapseThree">Aliquam posuere vel risus id luctus</a>
     </div>                                                                                                                                          
  </div>                                                                         
  <div aria-labelledby="headingThree" class="panel-collapse collapse" id="collapseThree" role="tabpanel">
     <div class="panel-body">                                                                                                                                                   
        <p>Vivamus urna tellus, fringilla id placerat sed, Nam at velit vehicula. Cras a placerat lorem, nec tincidunt urna. Pellentesque non ipsum quam. Mauris varius purus nulla, non mollis nulla tristique convallis. Nam necfinibus neque.
        </p>                                                                    
     </div>                                                                     
    </div>                                                                       
   </div>
  </div>                                                                      
</div>                                                                    

Copy to Clipboard