Adding Show/hide Effect.

Using small JavaScript we can add show or hide effect on text.When we click on that button the text will be shown.Again if the button is clicked the text will be hidden.We can use that effect in Post or In Widget i.e Where we can add HTML.

Want the Demo Click on Below Button.

Spoiler Effect by GreenLava.Thanks to Him.

To add the show/hide effect just add this in HTML.

<div id="showhide" style="display:none"> 
Add Content to show hide .
</div> 
<button title="Show/Hide content" type="button" onclick="if(document.getElementByID('showhide') .style.display=='none') {document.getElementByID('showhide') .style.display=''}else{document.getElementByID('showhide') .style.display='none'}">Show/Hide</button>

In "Add Content to show hide" replace with your own which is to be shown or hidden in click.

If you want add multiple link add the HTML codes more.

Bye,Cheers

Admin of Blogger Rounder
Shirshak is the Administrator of the Blogger Rounder who thinks he will die next to Blogger. He is Completely devoted to Blogger and thinks Web Designing will makes is career.You contact using contact form from navigation tab to him.You can find him in Twitter.

Subscribe for free
Thanks for visiting Blogger Rounder.We can subscribe to Blogger Rounder'^s by RSS feed or email updates.