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

55 lines
1.1 KiB
JavaScript
Raw Normal View History

2019-05-16 18:34:02 +02:00
let sidenav = $("#menuSidenav");
let baguette = $("#baguette");
2019-05-16 18:34:02 +02:00
let backButton = $("#back-button");
let openedSidenavClass = 'sidenav-open';
let activeBackgroundClass = 'active-background';
2018-03-25 13:22:28 +02:00
/*
* Open navigation menu, change Baguette 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);
enableBaguette();
2018-03-25 13:22:28 +02:00
}
/*
* Close navigation menu, change Baguette 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);
disableBaguette();
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();
}
}
function disableBaguette() {
baguette.removeClass("change-clic");
2018-03-25 13:22:28 +02:00
}
function enableBaguette() {
baguette.addClass("change-clic");
2018-03-25 13:22:28 +02:00
}
// Animate baguette on hover
baguette.hover(function(){
baguette.addClass("change-hover");
2018-04-24 00:15:37 +02:00
}, function(){
baguette.removeClass("change-hover");
2018-04-24 00:15:37 +02:00
});