Showing div when checkbox is selected

Design help Animations & Interactions
1

Hello,

I would like to show a div when a checkbox is selected. I created an interaction to set the visibility of the div from 0 to 100 when the checkbox is clicked, but it only works when clicking on the checkbox square but not on the checkbox label. See here: https://temp-f1c255.webflow.io/

Can you please help?

Here is my public share link: https://preview.webflow.com/preview/temp-f1c255?utm_medium=preview_link&utm_source=designer&utm_content=temp-f1c255&preview=7c12e285fa0125a7b48585b8009627d8&mode=preview
(how to access public share link)

2

I think I’m just going to replace the chekbox form element by a checkbox icon and a text item, and change the icon dynamically from unchecked to checked with the click interaction that shows the div.

3

Hi there,
Is there any chance you could share with me how did you achieve this?