Skip to content

Instantly share code, notes, and snippets.

@ozmos
Created January 26, 2020 08:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ozmos/d37365b523f6ed6ecf3a834ed072d541 to your computer and use it in GitHub Desktop.
Save ozmos/d37365b523f6ed6ecf3a834ed072d541 to your computer and use it in GitHub Desktop.
jQuery slideout navigation bar for WordPress
'use strict';
function slideOutNavBar ({$=jQuery, nav='nav', ul='ul', but='button', speed='fast'}) {
// target the childern of the parent nav container
const navBar = $(nav);
const button = navBar.find(but);
const panel = navBar.find(ul);
if (!navBar) {
console.error('Parent navbar not selected properly');
return;
}
if (!button) {
console.error('Parent navbar not selected properly');
return;
}
if (!panel) {
console.error('Parent navbar not selected properly');
return;
}
button.click(() => {
panel.slideToggle(speed);
});
}
slideOutNavBar({nav:'#access', ul:'#nav-panel', but:'#toggle'});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment