Home » Tips & Tricks » How to Create Buttons Hide and Show (Spoiler)

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

Try on Click 
TEXT, LINK OR IMAGE CAN URL HERE


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

About Cyb3r

Check Also

How to Create Verified Paypal Account in Pakistan 2016

How to Create Verified Paypal Account in Pakistan 2016

Create Verified Paypal Account – As we all know paypal is not officially available in …

Leave a Reply

Your email address will not be published. Required fields are marked *