Using hover, correct, incorrect layers -

I'm creating a quiz where we provide "hints" to the correct answer - basically if a user hovers over the answers, the incorrect answers change to a red background and the correct answers change to a green background. When the user clicks on the answer, they are either taken to the Incorrect Answer - Try Again layer or to the "Correct!" layer where they click the Next button to proceed to the next question. I'm using layers for each of the hover conditions as well as layers for incorrect and correct clicked answers.

The problem I'm having now is when I click on the correct answer, it will show that layer, but as soon as I hover over another answer, the hover layer appears.

How do I "disable" all hover layers when I click on the "Correct" or "Incorrect" answers? I will need the base layer to show if an incorrect answer was selected and need to try again. Thanks!!!

I've added the story file, if that helps.

2 Replies
Benjamin Passons

Craig, without seeing your attachment, have you thought about changing the state of the answers instead of using layers to show the green and red backgrounds? Create new states for your answer text boxes, then use the add trigger - change state of action and use "mouse hovered over" for the when. Also, not sure what kind of 508 compliance you need to follow where you are, but using just green and red backgrounds isn't going to work if you need to comply there.