Cara Membuat Tombol Hide Dan Show

     Assalamualaikum Wr.Wb

 Kali ini ane akan mencoba memberi tahu bagaimana vcara membuat Tombol Hide Dan Show.
Woke tanpa banyak bicara panjang lebar ane kasih tahu tahu caranya :

<div>
<div style="margin-bottom: 2px;">
<i><b><small>JUDUL SPOILER</small></b></i><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: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

ISI NYA (Terserah anda)

</div>
</div>
</div>

Maka hasilnya akan terlihat seperti di bawah ini :

JUDUL SPOILER

ISI NYA (Terserah anda)