Animation help on different elements

Hi!

This is probably something simple but I can’t figure it out myself. How can I open a div by clicking it and then close the same div by clicking a different element inside it?

I have a div that contains a product. For space reasons, I want the div to open and close. I want to be able to open it by tapping anywhere on the div and to close it only by clicking the close-button. Currently it doesn’t stay closed, when I press sulje (close)-button.

Any help, ideas to fix it?


Here is my public share link: Webflow - K&R