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

1 vote210 views1 answer
Change input to required jquery
Javascript jQuery
1 vote248 views2 answers
How to find whether empty or not using jQuery
Javascript jQuery
1 vote203 views1 answer
Jquery datepicker no weekends
Javascript jQuery
0 vote222 views1 answer
How to submit form on changed url in function in jquery
Javascript jQuery
9 votes160 views2 answers
Check if jquery is loaded
Javascript jQuery
0 vote214 views1 answer
Jquery fadein display new page
Javascript jQuery
1 vote180 views1 answer
How to get the value in an input text box and set value another input box using jquery
Javascript jQuery
11 votes197 views1 answer
Jquery get eklement by name
Javascript jQuery
5 votes308 views2 answers
Onchange radio button jquery ajax
Javascript jQuery
16 votes216 views4 answers
Jquery data selector
Javascript jQuery