Animate Links Not Being Triggered

Working on an MVP for a client site and I need some help with a complex nav animation they are requesting.

The current challenge/states are the following:

  1. When not hovered/triggered all nav texts are white

  2. When hovered over one link, that link should stay white & all others fade to 50%.

The challenge here is animating the links that aren’t being triggered & doing so in a scalable way if they want to add/remove links in the nav. I’ll attach the read-only link for anyone who would like to help!


Here is my public share link: LINK
(how to access public share link)