Streaming live at 10am (PST)

Showing div when checkbox is selected

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)

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.

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