I’m creating an animation the shows logos from different categories.
All logos are visible on page load. When a category title is hovered, only the logos tagged with that category should be shown, and all others should be hidden. My animation works correctly when hovering in & out of a category. However, when the mouse moves directly into the category next to it, some logos appear that don’t belong in that category. It only messes up when going from one box into the next box.
It has to be something to do with the ‘set initial state’ on either the hover-in or hover-out trigger, but I can’t figure out how to fix it.
For example, when hovering from ‘Beauty’ into ‘Fashion’, some logos from other categories [GE, Positive Grid, etc] will appear, although they are tagged as ‘Entertainment’ and not ‘Fashion’.
It should be a simple fix! Please let me know if you can help!
Here is my public share link: