Hi guys, I was wondering if there might be a way to hide the assessment questions once it has been completed?
We have an issue where some of our regions tend to "share" their results with others so they can quickly pass assessments at the end of a course (generally by screen capturing the results).
I've set the following CSS, which works, but it is quite an abrupt change onscreen, as the CSS class changes:
.is-complete .is-assessment {
display: none;
}
This hides all the questions and only shows the result.
I'd like to animate the questions out if possible, so as not to be so abrupt, but "display: none" cannot be animated. I thought about using on-screen classes to use the built-in CSS animations, but am unsure how to call them when the assessment (or question) is complete.
Has anyone tried similar? I don't mind hiding either at a question level or assessment level.
I'm using the Author Tool, but don't mind hand coding into the template files if required.
Thanks for any input or ideas!