How to Create Buttons Hide and Show (Spoiler)

Hide and show more popularly known as Spoiler. Perhaps, from the name alone "Hide and Show" bloggers already know the function of this button. Do not know? Well, I explain a little. So, Spoiler button serves to hide text, links or images. This spoiler is very usefull create a blog because with the spoilers, we can manage place if we use when writing articles and can save space as well if we use as a widget or gadget. Hide and Show Place the code or spoiler on the desired place (Column Post or Column HTML / Java Script)

<div> <div style="margin-bottom: 2px;"> <i> <b> <small> Try on Click </small> </b> </i> <input value = "Show" style = " margin: 0px; padding: 0px; width: 60px; font-size: 10px; "onclick =" if ! ='') { =''; This.innerText =''; this.value = 'Hide';} else { = 'None'; this.innerText =''; this.value = 'show';} "type =" button "> </div> <div style =" border: 1px inset; margin: 0px; padding: 6px; "> <div style="display: none;">
TEXT, LINK OR IMAGE URL HERE CAN DILETTAKKAN
</Div> </div> </div>

The result will look like below

Note:
Do not forget to replace the "TEXT, LINK OR IMAGE CAN URL HERE" with images, links or text that will be hidden