/*######################################## * TOGGLE MENU ########################################*/ // On attend que la page soit chargée jQuery(document).ready(function() { // On cache la zone de texte jQuery('#toggle').hide(); // toggle() lorsque le lien avec l'ID #toggler est cliqué jQuery('a#toggler-left').click(function() { jQuery('.toggle-left').toggle(400); return false; }); }); // On attend que la page soit chargée jQuery(document).ready(function() { // On cache la zone de texte jQuery('#toggle').hide(); // toggle() lorsque le lien avec l'ID #toggler est cliqué jQuery('a#toggler-right').click(function() { jQuery('.toggle-right').toggle(400); return false; }); });
<!-- Début :: Permet de voir les flèches pour cacher les colonnes de menus --> <div id="hide-left"> <a href="#" id="toggler-left"><i class="fa fa-arrow-left" aria-hidden="true"></a></i> </div> <div id="hide-right"> <a href="#" id="toggler-right"><i class="fa fa-arrow-right" aria-hidden="true"></a></i> </div> <!-- Fin :: Permet de voir les flèches pour cacher les colonnes de menus -->
/* -- Flèche de masquage de la colonne droite & gauche-- */ /* ----------------------------------------------------- */ #hide-left { float: left; margin: 6px 0 0 0px; /* Permet de régler la hauteur de la flèche*/ margin-left: 15px; /* Permet de régler la distance de la marge gauche de la flèche*/ position: absolute; } #hide-right { float: right; margin: 6px 0 0 0px; /* Permet de régler la hauteur de la flèche*/ margin-right: 15px; /* Permet de régler la distance de la marge droite de la flèche*/ position: relative; } .fa.fa-arrow-left { color: rgba(0, 0, 0, 0.6);} /* Couleur Noir */ .fa.fa-arrow-right { color: rgba(0, 0, 0, 0.6);}/* Couleur Noir */ @media (max-width:768px) { #hide-left, #hide-right { display:none; } }
Créé le 13/11/2017, par Swan