CSS to hide/show content

PeterJanuarius

Hi,

This is NOT about publishing/unpublishing, nor about simply hiding content. That is all easy.

I am wanting to hide and show HTML content on a page so that I reveal the answer when a student clicks a button or whatever.

Problem is the editor is configured to 'cleanup' pretty much everything except the most basic HTML. The result is if I add a or or suchlike, the HTML is immediately destroyed by the editor.

How can we do this? It is a very 'normal' feature in an online lesson

Many thanks

Pete...

James

@PeterJanuarius

One thing that does work is the details disclosure element.

For example, you could do something like this from the HTML editor screen.

 

<p>Use the order of operations to evaluate: 9 + 2 ( 3 - 6 )</p>
<details>
    <summary>Click to show answer</summary>
    <p>9 + 2 ( -3 ) = 9 + ( -6 ) = 3</p>
</details>

 

The Canvas HTML Editor Allowlist, which shows which items are allowed, might spark other ideas.