site-accueil-insa/assets/js/sidenav.js

55 lines
1.2 KiB
JavaScript
Raw Normal View History

2019-05-16 18:34:02 +02:00
let sidenav = $("#menuSidenav");
let hamburger = $("#hamburger");
let backButton = $("#back-button");
let openedSidenavClass = 'sidenav-open';
let activeBackgroundClass = 'active-background';
2018-03-25 13:22:28 +02:00
/*
* Open navigation menu, change Hamburger icon to selected state
* and display the back button overlay over the page
*/
2018-03-25 13:22:28 +02:00
function openNav() {
2019-05-16 18:34:02 +02:00
sidenav.addClass(openedSidenavClass);
backButton.addClass(activeBackgroundClass);
2018-03-25 14:19:53 +02:00
enableHamburger();
2018-03-25 13:22:28 +02:00
}
/*
* Close navigation menu, change Hamburger icon back to default state
* and hide the back button overlay
*/
2018-03-25 13:22:28 +02:00
function closeNav() {
2019-05-16 18:34:02 +02:00
sidenav.removeClass(openedSidenavClass);
backButton.removeClass(activeBackgroundClass);
2018-03-25 14:19:53 +02:00
disableHamburger();
2018-03-25 13:22:28 +02:00
}
/*
* Toggle the navigation bar
*/
2018-03-25 13:22:28 +02:00
function toggleNav() {
2019-05-16 18:34:02 +02:00
if (sidenav.hasClass(openedSidenavClass)) {
2018-03-25 13:22:28 +02:00
closeNav();
} else {
openNav();
}
}
2018-03-25 14:19:53 +02:00
function disableHamburger() {
2019-05-16 18:26:49 +02:00
hamburger.removeClass("change-clic");
2018-03-25 13:22:28 +02:00
}
2018-03-25 14:19:53 +02:00
function enableHamburger() {
2019-05-16 18:26:49 +02:00
hamburger.addClass("change-clic");
2018-03-25 13:22:28 +02:00
}
2018-04-24 00:15:37 +02:00
// Animate hamburger on hover
hamburger.hover(function(){
2019-05-16 18:26:49 +02:00
hamburger.addClass("change-hover");
2018-04-24 00:15:37 +02:00
}, function(){
2019-05-16 18:26:49 +02:00
hamburger.removeClass("change-hover");
2018-04-24 00:15:37 +02:00
});