By continuing your navigation on this site, you accept the use of cookies to offer you contents and adapted services. Legal Notice.
 
 
 

GuppY Help Center, help online, documentation and tutorials

 

telecharger.png

 
 
You are here :   Welcome » Accordion blocks
 
    Print this page...
    Print this section...
 

Accordion blocks

Block 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Blocks can contain text and images.

Implementation requires copying a script to launch.

See the source of this article.

<style>.card a, .card-body { color: #000; } </style>

<div class="width75 marginAuto" id="accordion">
  <div class="card">
    <a class="card-header card-link" data-toggle="collapse" href="#collapseOne">Bloc 1</a>
    <div class="collapse show" data-parent="#accordion" id="collapseOne">
    
      <div class="card-body"> Put here content 1 </div>
      
    </div>
  </div>

  <div class="card">
    <a class="card-header collapsed card-link" data-toggle="collapse" href="#collapseTwo">Bloc 2 </a>
    <div class="collapse" data-parent="#accordion" id="collapseTwo">
    
      <div class="card-body"> Put here content 2 </div>
      
    </div>
  </div>

  <div class="card">
    <a class="card-header collapsed card-link" data-toggle="collapse" href="#collapseThree">Bloc 3</a>
    <div class="collapse" data-parent="#accordion" id="collapseThree">
    
      <div class="card-body"> Put here content 3 </div>
    
    </div>
  </div>
</div>


Creation date : 07/02/2014 @ 08:07
Category : Documentation - Docs and Tutorials
Page read 16061 times