<button title="Click to show/hide content" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Button Text</button>

<div id="spoiler" style=display : none>
enter hidden text here
</div>

BECAUSE IT IS CODE: remove the spaces between the display : none

The Tale of a Person

There once was a person who was very personable. Many persons dared say, "my, what a personable person!" But this person was not persnickety about what persons did persnicket about him. Now it came to pass that this person was pursued by persons of a persevering nature who did pursue to procure from the personable person a profound peculiarity called a Purse. But the personable person was not to be perturbed. He did procure a perfectly pristine potion of a pugnacious personality and proceeded to pour it upon them all. And all persons not perched on his personally perfect side were turned into pugnacious puggles of the platypus variety. And so the personable person was freed of his pursuers and never had a plight perturb his purse again.

Moving the string of button code to the bottom of the hidden text insert will make the button appear below the text.

There once was a person who was very personable. Many persons dared say, "my, what a personable person!" But this person was not persnickety about what persons did persnicket about him. Now it came to pass that this person was pursued by persons of a persevering nature who did pursue to procure from the personable person a profound peculiarity called a Purse. But the personable person was not to be perturbed. He did procure a perfectly pristine potion of a pugnacious personality and proceeded to pour it upon them all. And all persons not perched on his personally perfect side were turned into pugnacious puggles of the platypus variety. And so the personable person was freed of his pursuers and never had a plight perturb his purse again.

The Tale of a Person

If you have multiple tags on a site, you need to change the ID of each tag. Otherwise, all the tags will be together. This is because tags link to the text associated with the ID.
ID tags appear in four spots. The bolded and blue text is what needs to be changed.
The bolded and red text is the button's text. Change this to change the text of your button.

<button title="Click to show/hide content" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">The Tale of a Person</button>

<div id="spoiler" style=display : none>
enter hidden text here
</div>

CODING TO INCLUDE IN YOUR TAGS



<p> denotes a paragraph and needs to end with </p>
<font color="######"> insert text makes color </font>
<strong> makes this bold </strong>
<img src="linktoanimage" alt=" ">   <-- this will insert an image
<a href="<img src="link you are linking here" alt=" "> the link text here</a>  <-- insert a link

Test of Code

This is the first paragraph. it is so graphic. Hence why it is hidden.

HELLO

COME AT ME BRO!

Click here to go to this very page!