The following images show an example of the 'click and reveal' function in Canvas, both before and after clicking the button.

Image shows a task with a blue button, the button contains the text 'Click here to check your answer'.

A wider view of the same task/button with the answer revealed.

This is not an in-built feature of Canvas, to use it you will need to use the following html code [note: in this example, the word 'Question' would appear on the button, and the word 'Answer' would be revealed:

<h4><a class="element_toggler btn btn-primary" aria-controls="answer1" aria-label="Toggler - Select to show answers below" aria-expanded="false" href="#">Question</a></h4>
<div id="answer1" style="display: none;">
<h4><strong>Answer:</strong></h4>
<p>Answer</p>
</div>

Note: if you want to include more than click and reveal button on the same page, the code that you need is slightly more complicated - please ask us for help with this if needed.

Optional task

Try inserting a 'click and reveal' button into a Canvas page, via its html editor.

Please click "Next" to continue.