/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

0 vote368 views1 answer
Find text in label jquery
Javascript jQuery
32 votes307 views6 answers
Get attribute value jquery
Javascript jQuery
0 vote325 views1 answer
Jquery get selected checkbox items and pass to parameter for C# MVC consumption
Javascript jQuery
1 vote292 views1 answer
Jquery calculate datetime difference
Javascript jQuery
0 vote364 views2 answers
Jquery nested ul li
Javascript jQuery
0 vote280 views1 answer
Jquery handle change event of file upload created dynamically
Javascript jQuery
1 vote313 views1 answer
Jquery if has parent
Javascript jQuery
5 votes268 views3 answers
How to send enter event to input field jquery
Javascript jQuery
111 votes414 views6 answers
Jquery on ready
Javascript jQuery
19 votes350 views6 answers
Jquery modal popup
Javascript jQuery