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 vote310 views1 answer
Jquery read query string
Javascript jQuery
0 vote347 views1 answer
Convert jquery code to javascript online
Javascript jQuery
34 votes300 views6 answers
Jquery scroll to element
Javascript jQuery
12 votes323 views3 answers
Jquery check if screen size
Javascript jQuery
0 vote310 views1 answer
Add background image to div using jquery
Javascript jQuery
0 vote344 views1 answer
Jquery confirm delete massege
Javascript jQuery
0 vote345 views1 answer
Jquery dynamic row number not working properly
Javascript jQuery
37 votes320 views6 answers
Jquery get data attribute
Javascript jQuery
0 vote380 views1 answer
Add padding to a div slow jquery
Javascript jQuery
5 votes358 views3 answers
Enter event in jquery
Javascript jQuery