allow for use of more than 1 flexnav menu about flexnav HOT 5 CLOSED

You'd have to make 2 separate id's for each I'm assuming instead of [role='navigation']. Tried that?

Do you have your code somewhere so I can take a look?

from flexnav.

You do indeed need 2 separate id's... but both menus will still respond to a men-button click.

I changed this:

// Toggle for nav menu
$('.menu-button').click(function() {
    $this.slideToggle(settings.animationSpeed); 
});

to this:

// Use unbind to prevent the click from firing twice...
// There's probably a better way to fix that...
$('.menu-button').unbind('click').click(function() {
    // Get the .menu-button that was clicked and animate
    // the relevant menu
    $(this).next().slideToggle(settings.animationSpeed);    
});

and it worked for my purposes...

from flexnav.

@wmetz Nice! Thanks for sharing.

from flexnav.

This plugin is ideally for a global navigation. Closing this issue.

from flexnav.

@wmetz I tried your approach and it broke both menu buttons. I changed the role and add the new role to the script at the bottom of the page and changed the JQuery to have your code you provide. Any suggestions of where I went wrong?

from flexnav.