How To Make spoiler botton

Making Show Hide Botton, who I Maksut here is a button to hide the content, or often called Spoiler, this button is used effectively if we are posting a lengthy script like the following example:

Code Script

<div><div style="margin-bottom: 2px;"><i><b><small>JUDUL SPOILER</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

Put your content here you want the hide the spoiler

</div></div></div>

to make as above you just copy the code above ...
very easy ... Spoiler button in addition to be placed in the post we can also put in the side bar ...

Related Article for this post :