Streaming live at 10am (PST)

Problem with second click on check box

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

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.
1 Like

That is fantastic.

Worked a treat.

Thank you so much :slight_smile:

1 Like