/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 vote164 views1 answer
Js require jquery
Javascript jQuery
-1 vote175 views1 answer
Jquery equivalent of document.getelementbyid
Javascript jQuery
62 votes185 views2 answers
Import jquery google cdn
Javascript jQuery
1 vote164 views1 answer
Jquery event source
Javascript jQuery
2 votes170 views1 answer
Set onclick jquery
Javascript jQuery
31 votes166 views3 answers
Redirect to link using jquery on new tab
Javascript jQuery
23 votes165 views5 answers
Jquery get element attribute
Javascript jQuery
0 vote136 views1 answer
Datatable success function
Javascript jQuery
2 votes189 views1 answer
Jquery sort select options by text
Javascript jQuery
0 vote150 views1 answer
Jquery add remove class timer
Javascript jQuery