Easy Ways to Make Button "Show hide" in Blog

Welcome to Fredy’s Blog

See you again in Fredy's Blog,, on this occasion, I will share a quick and easy way to create a button on the blog "Show Hide"

Here's the process:

1. If you want to hide in the post show please select HTML

 

 2. Put in that code

<div id="spoiler">   

<div style="margin: 5px 20px 20px;">   

<div class="smallfont" style="margin-bottom: 2px;">  <input 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'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 75px;" type="button" value="Show" /></div>  <div class="alt2" style="-moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: rgb(225, 228, 242) none repeat scroll 0% 0%; border: 1px inset; margin: 0px; padding: 6px;">  <div style="display: none;">   

Write your article here

</div>   

</div>
</div>   

3. Please replace Write your article here with the article that you show hide

---

OLEH  FREDY BAGUS KUSUMANING YANDI                                                                                                 Ikuti di twitter

---