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:
What you should add.
Lastly, you do not need to retrigger the open interaction on the second click.
After extensive testing , 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.