/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 vote192 views1 answer
Delete all the fields on the form whit jquery
Javascript jQuery
0 vote239 views1 answer
How to find all elements starting with class jquery
Javascript jQuery
14 votes211 views3 answers
Clear arrays in jquery
Javascript jQuery
11 votes191 views2 answers
Set select option as selected jquery
Javascript jQuery
2 votes175 views2 answers
Wordpress add jquery script
Javascript jQuery
1 vote207 views4 answers
How to make popup modal in jquery with example
Javascript jQuery
0 vote179 views2 answers
Jquery when iframe is loaded
Javascript jQuery
3 votes188 views1 answer
Check if variable is undefined or null jquery
Javascript jQuery
1 vote178 views1 answer
Onscroll add class jquery
Javascript jQuery
2 votes289 views5 answers
Convert javascript to jquery converter online tool
Javascript jQuery