Jquery 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

4 votes113 views3 answers
Hover jquery
Javascript jQuery
1 vote118 views1 answer
Jquery wait for all ajax requests to complete
Javascript jQuery
0 vote106 views1 answer
Jquery change input value if greater than
Javascript jQuery
0 vote108 views2 answers
How to do radio button validation in jquery
Javascript jQuery
1 vote148 views1 answer
Jquery find children not working
Javascript jQuery
29 votes117 views3 answers
How disable button jquery
Javascript jQuery
24 votes106 views5 answers
On modal close jquery
Javascript jQuery
61 votes109 views2 answers
Jquery redirect to url
Javascript jQuery
1 vote100 views1 answer
Jquery delete request
Javascript jQuery
10 votes123 views3 answers
Js import jquery
Javascript jQuery