Problem with second click on check box

[ryan585]

Hi all,

I’m making a quick prototype to show a client.

Showing the hover state and what happens on click.

When I click, both boxes are ticking. I only want the one box to tick.

I’m sure its in the animation settings somewhere but can’t think where?

https://preview.webflow.com/preview/hover-states-972ae0?utm_medium=preview_link&utm_source=dashboard&utm_content=hover-states-972ae0&preview=27b9e501b413929a568c8b4ac78a62fd&mode=preview

[JSW (James)]

Hi, a couple of things you need to do here:

1. Select ‘main’ (the background) and remove the interaction.
2. Select the ‘row’ element and then add the mouse click/tap interaction with the animation created.
3. Go to animation settings and set the option at the bottom to ‘only children with this class’.
   
   
4. Apply the same to the ‘tick box out’ interaction.

[ryan585]

That is fantastic.

Worked a treat.

Thank you so much