This is a special effect which can be added to the blog posts. We can add a Show/Hide button to display and hide texts and images.
It's very easy to do.Only you have to do is start writing a blog post and select "HTML".
Now paste the given code any where you want.
Replace your message with this words " YOUR MESSAGE" .
And you can change the words "open/close" which I have shown in Red color. If you change it,it will display your text in the button instead of showing Open/Close
<div id="PBT-fn" style="display: none;">
YOUR MESSAGE
</div>
<button onclick="if(document.getElementById('PBT-fn') .style.display=='none') {document.getElementById('PBT-fn') .style.display=''}else{document.getElementById('PBT-fn') .style.display='none'}" title="Click to show/hide" type="button">Open/Close</button>
<br />
See the examples I have given below.
YOUR MESSAGE
</div>
<button onclick="if(document.getElementById('PBT-fn') .style.display=='none') {document.getElementById('PBT-fn') .style.display=''}else{document.getElementById('PBT-fn') .style.display='none'}" title="Click to show/hide" type="button">Open/Close</button>
<br />
See the examples I have given below.

Elama Elama.. :-D
ReplyDelete:D :D
ReplyDelete