HOW TO MAKE S SPOILER?

a button that don't dissapear when you click.

Write your hidden text here

THE CODES:
<div id="spoiler"><div><input value="Your button text" style="margin: 0px; padding: 5px; font-size: 10px; font-weight:normal" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide Spoiler!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Spoiler'; }" type="button"><br /><br /> <div id="show" style="border: 0px solid white; margin: 0px; padding: 5px; display: none; background-color: transparent; width:95%"><br /><br /> Write your hidden text here</div></div></div>


A button that dissapear when you click them.

Wrote something you wanna hide here

<div style="border: 1px solid white; padding: 0px;"><div><button type="button" class="button" onclick="this.parentNode.parentNode.childNodes[1].style.display = ''; this.parentNode.style.display = 'none';" title="Wrote something you wanna show when your mouse hovers over"><span style="color: #000000; font-family:tahoma; font-size:11px;"><b>Your button text</b></span></button></div><div id="spoiler" style="display: none;">Wrote something you wanna hide here</div></div>

a button that will change the text of the button by clicking it

Write your hidden message here.

THE CODES

<div id="spoiler"><div><input value="Show spoiler" style="margin: 5px; padding: 0px; font-size: 11px; font-weight:bold;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide Spoiler'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show Spoiler'; }" type="button"><div id="show" style="border: 0px solid white; margin: 0px; padding: 5px; display: none; width: 98%;">Write your hidden message here.</div><div id="hide"></div></div></div>