Modal only opening on first click

Hello,

My modal opens when I click “Cultural Awareness” but when I close it, I can no longer reopen it. I’d like for it to open every time it is clicked.

Can someone help with this issue?

Here’s the link:
https://preview.webflow.com/preview/mitchem-mitchem?utm_medium=preview_link&utm_source=designer&utm_content=mitchem-mitchem&preview=5aa2bc639af7acef1e28e64f29c75cc7&pageId=5f875a564bfbfe118f09d7ab&mode=preview

Screen Shot 2020-10-17 at 3.25.34 PM|690x350

.


Here is my public share link: LINK
(how to access public share link)

Hi,

With your closing interaction, you are just reducing the opacity, but you are not hiding the element. So, when you click the button again, the will interaction trigger, but since the opacity is 0, you can’t see that. This is quite simple to fix! All you have to do is add a hide/show action to the close interaction. Add it to the opacity, but add a delay of 0.2s, so that the opacity first decreases then the element’s display sets to none.

Also, for each action, set the class to “flex-military-right” and “topic”. You forgot to add the class “topic”.

Original:
Screen Shot 2020-10-18 at 12.15.02 AM

What you should add.
Screen Shot 2020-10-18 at 12.14.00 AM

Lastly, you do not need to retrigger the open interaction on the second click.

After extensive testing :joy:, this seems to have worked for me, but let me know if you have any further questions.

Thank you! This did the trick. Your extensive testing yielded way better results than mine. :joy: