My app is built with Meteor-React. I would like to use this CSS Gooey Menu http://codepen.io/lbebber/pen/rawQKR multiple times on the page, for each item in a list. The problem is that because it uses classes to control the behavior, clicking on any instance of the menu triggers only the first instance. I can get unique id’s to each menu, but I’m not sure how to use it to target the individual CSS Nav menu.
I cannot build individual CSS classes because it must be dynamic to accommodate the unknown and changing list items.
Is there some way to isolate each of the CSS nav menus so that they will behave as separate menus? If not, is there some other way to achieve something similar? I’m open to any solutions.
Thanks in advance.
Ken