Objects not changing states as expected
I've built a slide that has four buttons that learners can click on to learn about a specific aspect of something. For each button, I've created:
- a hover state (an orange glow around the edge of the button)
- a visited state (where the color of the button fades in the visited state)
This works fine on three of the buttons on the slide.
On the fourth button, however:
- When I click on the button, view that button's content, and then return to the original interaction layer, the button doesn't change state to the visited state (the other three buttons on the page do behave properly). Now, here's where it gets really fun.
- If, after clicking the fourth (this is the misbehaving) button, I roll back over the button, the button appears in its hover state (still showing its unvisited state colorings, though). When I roll off the button, it finally changes state to its visited state.
Any ideas of what's going on? What I'm doing wrong?