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

0 vote209 views1 answer
Remove first select option jquery
Javascript jQuery
5 votes193 views1 answer
Jquery continue each loop
Javascript jQuery
0 vote199 views1 answer
Ck editr value submit jquery ajax
Javascript jQuery
4 votes195 views2 answers
Check if enter key is pressed jquery
Javascript jQuery
-1 vote184 views1 answer
Redirect with data jquery
Javascript jQuery
2 votes201 views1 answer
Jquery wait for element to exist
Javascript jQuery
0 vote237 views1 answer
Jquery datepicker enable year selection
Javascript jQuery
0 vote191 views1 answer
Schalte das jQuery Migrate Script ab
Javascript jQuery
101 votes182 views6 answers
Jquery check if checkbox is checked
Javascript jQuery
99 votes201 views6 answers
Jquery checkbox checked value
Javascript jQuery