I figured it out.
I can call on the field element independently in the if statement. so instead of calling on #roster, I call on #player_1 directly and make a separate if function for each field to hide and unhide on change.
I am working to build js file, but I'd like to have each element update independently if it has changed. For example, I want the player 1 score to change if I add one, but I don't want to reanimated the player 2 score since it didn't change.
Can someone throw a quick example for that. I can...