Mais c’est trop cool !

<div class="et_pb_button_module_wrapper et_pb_module et_pb_button_alignment_center" onclick="masquerSection()"><!-- [et_pb_line_break_holder] --> <a class="et_pb_button et_pb_module et_pb_bg_layout_dark" href="#">Fermer</a><!-- [et_pb_line_break_holder] --> </div>

Afficher une section « off-canvas »

<div class="et_pb_button_module_wrapper et_pb_module et_pb_button_alignment_center" onclick="afficherSection()"><!-- [et_pb_line_break_holder] --> <a class="et_pb_button et_pb_module et_pb_bg_layout_dark" href="#">Je veux tester !</a><!-- [et_pb_line_break_holder] --> </div>
<script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function afficherSection() {<!-- [et_pb_line_break_holder] --> document.getElementById("section-off").style.width = "30%";<!-- [et_pb_line_break_holder] --> document.getElementById("page-container").style.marginLeft = "30%";<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function masquerSection() {<!-- [et_pb_line_break_holder] --> document.getElementById("section-off").style.width = "0";<!-- [et_pb_line_break_holder] --> document.getElementById("page-container").style.marginLeft = "0";<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --></script>

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Phasellus at porta elit. Aenean sit amet nunc eget est fermentum pellentesque a sit amet nulla. Curabitur ipsum turpis, ultrices quis varius in, consectetur a diam. Maecenas nulla ligula, elementum non sapien sit amet, mattis consectetur metus. Ut eleifend mauris ut eros cursus aliquet. Ut eros mauris, dignissim sed dignissim id, luctus ac odio. Proin finibus egestas pellentesque. Cras ac rhoncus tortor, vitae dignissim velit. Mauris ante nisi, vestibulum non sagittis vel, posuere a est.

Découvrez Divi
M