site-accueil-insa/assets/scripts/sidenavScript.js

49 lines
954 B
JavaScript
Raw Normal View History

2018-03-25 13:22:28 +02:00
var menuOpen = false;
var sidenav = $("#menuSidenav");
var hamburger = $("#hamburger");
var backButton = $("#back_button");
/*
* 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() {
sidenav.css("margin-left", "0");
backButton.addClass("active_background");
2018-03-25 14:19:53 +02:00
enableHamburger();
2018-03-25 13:22:28 +02:00
menuOpen = true;
}
/*
* 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() {
sidenav.css("margin-left", "-250px");
backButton.removeClass("active_background");
2018-03-25 14:19:53 +02:00
disableHamburger();
2018-03-25 13:22:28 +02:00
menuOpen = false;
}
/*
* Toggle the navigation bar
*/
2018-03-25 13:22:28 +02:00
function toggleNav() {
if (menuOpen) {
closeNav();
} else {
openNav();
}
}
2018-03-25 14:19:53 +02:00
function disableHamburger() {
2018-03-25 13:22:28 +02:00
hamburger.removeClass("change");
}
2018-03-25 14:19:53 +02:00
function enableHamburger() {
2018-03-25 13:22:28 +02:00
hamburger.addClass("change");
}