/Javascript/jQuery/Wordpress jquery slide out navigation

Wordpress jquery slide out navigation

'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'});

Source: gist.github.com

Similar codes

2 votes189 views2 answers
Jquery cast to string
Javascript jQuery
0 vote191 views2 answers
Jquery order by specific order
Javascript jQuery
30 votes262 views6 answers
Find element with data attribute jquery
Javascript jQuery
57 votes226 views4 answers
Loop through json object jquery
Javascript jQuery
7 votes203 views5 answers
Jquery trigger change event
Javascript jQuery
4 votes187 views3 answers
Jquery get selected checkboxes
Javascript jQuery
0 vote189 views1 answer
Jquery how to detect click outside off-canvas-navigation
Javascript jQuery
13 votes201 views6 answers
Select option value jquery
Javascript jQuery
1 vote194 views1 answer
Jquery navigation
Javascript jQuery
2 votes250 views2 answers
Jquery if input has empty white space
Javascript jQuery