Multiple Triggers for shape-overlays

[zrobe]

Hello,

Loving the work you did here but i'm kind of new to the programming scene and i was wondering if you could help me out in figuring how to have multiple triggers in one page for the overlay?
I tried using const elmHamburger = document.querySelectorAll('.hamburger, .somethingelse'); in the demo6.js but it doesn't work. As i said before, i'm still learning so any help would be greatly appreciated.

Do you have any tips on how i could get it to work?

Thanks,

• Robert

[ykob]

@zrobe

Hi

Opening and closing of overlay is controled by Overlay.toggle() method.
Rather than increasing number of getting hamburger elements, it is better that add a new event to other elements and execute toggle method in this.

[zrobe]

Thank you for your quick reply,
If it's not too much to ask, could you maybe show me a code example?
For example: Let's say you would want to trigger the shape-overlay when clicking on the .demo-title as well as the hamburger menu, how would you go about achieving this?

It's a bit easier for me to learn/follow code and read documentation based on that rather than doing it the other way around.

[madeclik]

@zrobe
did you find a solution for your problem ?

because I would like to create a click closure on the menu tabs