Show Hide Button

SOURCE

<div>
  <div style="margin: 5px;">
    <div style="margin-bottom: 2px;" class="bigfont">
   <input style="margin: 0px; padding: 0px; width: 95px;"
     value="Show"
  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'; }"
        type="button" />
   </div>
   <div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
   <div style="display: none;">YOUR TEXT HERE</div>
 </div>
  </div>
</div>

Kita bisa mengganti :

• Seleksi merah : Text ketika tombol sedang tertutup
• Seleksi kuning : Text ketika tombol sedang terbuka
• Seleksi merah : Text yang ingin dibungkus (disembunyikan dan ditampilkan)