(function($){ var $menu = $('#menu'), $menuLinks = $('a.js-menu-link', $menu); // Specific cleaning window.collapsableCommons.registerCallback(function(){ $('li', $menu).removeClass('menu_principal--ouvert'); }); // Menu links behaviors function handleMenuLinks(){ // Triggered when a link in the menu is clicked $menuLinks.click(function(e){ var $this = $(this), $parentLi = $this.closest('li'), $subMenu = $('.plier-deplier__contenu', $parentLi); if($subMenu.length > 0){ e.preventDefault(); e.stopPropagation(); window.collapsableCommons.hideAll(); $parentLi.addClass('menu_principal--ouvert'); $subMenu.removeClass('plier-deplier__contenu--clos').addClass('plier-deplier__contenu--ouvert'); } }); } function unbindMenuLinks(){ $menuLinks.unbind(); } // Mobile menu function handleMobileMenu(){ $menu.multilevelpushmenu({}); $('#menu-principal-bouton').click(function(e){ e.stopPropagation(); $menu.multilevelpushmenu().toggle(); }); } function unbindMobileMenu(){ $menu.multilevelpushmenu().destroy(); $('#menu-principal-bouton').unbind(); } // Media queries handling // Ne pas oublier de reporter ici la valeur du breakpoint $small-medium du projet enquire.register("screen and (min-width: 48em)", { match : function() { handleMenuLinks(); }, unmatch : function() { unbindMenuLinks(); } }, true); //Ne pas oublier de reporter ici la valeur du breakpoint $small-medium - 0.01 (pour eviter le problème de superposition de breakpoint) enquire.register("screen and (max-width: 47.99em)", { match : function() { handleMobileMenu(); }, unmatch : function() { unbindMobileMenu(); } }, true); })(jQuery.noConflict());