How to make interactivity work when Learner interrupts sequence?
I have a fairly simple slide that requires complex coding and I don't know how to make it work correctly when a Learner interrupts the sequence. Here's how I want the slide to work:
- Only display the 6 topic boxes per the screenshot below
- When the Learner clicks a topic box: (1) the topic box becomes red, (2) the bulleted list is displayed, and (3) audio plays (I've set these up on a layer)
- When the audio has finished playing, the Topic box turns to Light grey, the text within the bulleted list turns from black font to grey font and the bullet list remains visible on the slide.
I've managed to make all of this work, EXCEPT for when the Learner chooses not to listen to the entire audio for a topic and interrupts the sequence by clicking on another topic button. When this happens I get two (or more) audios playing (since I can't hide the original layer), and two (or more) topic buttons that remain red.
How I set up the slide so that if a user interrupts the sequence to click on a different topic, the original topic box turns back to dark grey (Normal state), the audio for that topic/layer stops and the text remains invisible (until the Learner clicks back on that original topic)?
Any help and advice would be greatly appreciated!!