How to show paths when quiz ends

Submitted by Matthew2 on July 1, 2025

I'm making a hidden map quiz, and have some paths which aren't answers, but are still hidden to not 'give away' nearby ones. But I do want them to show up when the quiz ends. Any tips?

3 Comments

Level 83

Jul 1, 2025

You need to use css styles to do this. Basically, JetPunk will add the class “post-quiz” to the svg-holder element. You’ll just need to do something like this:

< style >

.post-quiz .sample {

opacity: 1;

fill: red;

}

< /style >

Note the space between the class for the svg-holder and the class for your sample element (which in my example would have but should be what you use). This space must be there.

Oh, and get rid of the space between style and the < brackets.

Level 83

Jul 1, 2025

I don’t know how your quiz works, but you might need visibility: visible instead of opacity.

Level 16

Jul 1, 2025

Worked perfect! Thanks