Categories
Examples jQuery

Effet tiroir

Résultat :

Titre du tiroir 1

Contenu du tirroir 1

Titre du tiroir 2

Contenu du tirroir 2

Titre du tiroir 3

Contenu du tirroir 3

Titre du tiroir 4

Contenu du tirroir 4

Titre du tiroir 5

Contenu du tirroir 5.

Titre du tiroir 6

Contenu du tirroir 6.

Sources :
HTMl :
[fusion_builder_container hundred_percent=”yes” overflow=”visible”][fusion_builder_row][fusion_builder_column type=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none”]

<ul class="tabs">
<li class="tab"><a href="#tab1">Tiroir 1</a></li>
<li class="tab"><a href="#tab2">Tiroir 2</a></li>
<li class="tab"><a href="#tab3">Tiroir 3</a></li>
<li class="tab"><a href="#tab4">Tiroir 4</a></li>
<li class="tab"><a href="#tab5">Tiroir 5</a></li>
<li class="tab"><a href="#tab6">Tiroir 6</a></li>
</ul>
<div class="tab_container">
 <div id="tab1" class="tab_content">
   <h2>Titre du tiroir 1</h2>
      Contenu du tirroir 1 
   </div>
 <div id="tab2" class="tab_content">
   <h2>Titre du tiroir 2</h2>
      Contenu du tirroir 2
 </div>
<div id="tab3" class="tab_content">
  <h2>Titre du tiroir 3</h2>
     Contenu du tirroir 3
 </div>
<div id="tab4" class="tab_content">
  <h2>Titre du tiroir 4</h2>
     Contenu du tirroir 4
 </div>
<div id="tab5" class="tab_content">
  <h2>Titre du tiroir 5</h2>
     Contenu du tirroir 5.
 </div>
<div id="tab6" class="tab_content">
  <h2>Titre du tiroir 6</h2>
     Contenu du tirroir 6.
 </div>
</div><div class="end-tab"></div>

[/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]