Help with mouse tap animation on second tap

Design help Animations & Interactions
1

I created a Tab menu that when clicked it shows the check-boxes and simultaneously rotates the plus sign, and changes it to a minus sign. When you click it a second time the minus sign rotates 90 degrees and it’s replaced with the plus sign again. This works great the first time i click the menu, but if i try to re-activate the animation the plus sign stops rotating.

Does anybody know why i can only activate the rotation of the plus sign once?

www.runrs-up.com/clothing-catalog

https://preview.webflow.com/preview/runners-up-splash-page?preview=a16194d209b9da46a9991c43a0bc5975

12

Hi @Darius3311, thanks for the post and for hanging in there. I took a look and I would as a suggestion, make some interactions structure changes on the second tap action list:

https://cl.ly/371d2x3m183o/Screen%20Recording%202017-10-29%20at%2011.09%20AM.mov

2 Likes
13

Thank you @cyberdave. That helps a lot. My next question is how can apply the same affect on the other tabs without having to re-create an animation for each one? (Ex. Year, Color, Price)