Membuat tombol Show And Hide

Tombol Hide dan show ini sangat berguna sekali untuk memangkas ruang halaman, terutama untuk penempatan gambar atau hal-hal yang spesifik lainnya.
Caranya Gampang Banget kawan  perhatikan tombol yang ada dibawah , kondisinya bila di klik maka akan tampil halaman yang di hide yang berisi gambar  cara pembuatan tombol hide dan show, dan bila di klik lagi, gambar  tersebut akan disembunyikan lagi

mau tahu g cara na ..... ni script na tinggal copas script na

<div>
<div style="margin: 1px;">
<div class="smallfont" style="margin-bottom: 1px;">
<input value="SHOW" style="margin: 0px; padding: 0px; width: auto; font-size: 10px;" 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 class="alt2">
<div style="display: none;">
<div style="background:#808080; text-align: left; padding:10px; "> Disini adalah kalimat atau gambar yang akan muncul di box hide dan show
</div>
</div>
</div>
</div>
</div>