/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 vote315 views1 answer
Get value of tinymce textarea jquery
Javascript jQuery
0 vote333 views1 answer
If path name is different but parent nav should be active in jquery
Javascript jQuery
0 vote370 views1 answer
Pop up notification using jquery
Javascript jQuery
26 votes388 views6 answers
Jquery get radio checked value
Javascript jQuery
0 vote341 views1 answer
Jquery dropdownlist from mvc jsonresult list
Javascript jQuery
12 votes380 views3 answers
How to add class on the base of has class in jquery
Javascript jQuery
28 votes402 views3 answers
Create an element jquery
Javascript jQuery
13 votes346 views6 answers
Jquery on checkbox change
Javascript jQuery
0 vote354 views1 answer
Laravel datables get next input jquery next
Javascript jQuery
3 votes375 views2 answers
Select options of Select2 control based on values using Jquery
Javascript jQuery