Effet tiroir

Résultat :

• Tiroir 1
• Tiroir 2
• Tiroir 3
• Tiroir 4
• Tiroir 5
• Tiroir 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”][html]<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>[/html][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]