MEMBUAT TOMBOL SHOW HIDE

Tombol show-Hide berguna untuk menampilkan atau menyembunyikan gambar atau tulisan yang terlalu panjang atau bisa juga untuk menyembunyikan code HTML.

Berikut adalah cara untuk membuat tombol show-hide.
Copy code di bawah ini.

<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:#ffffff; text-align: center; padding:10px; ">Tulisan yang ingin anda masukkan di dalam tombol show dan hide

</div>

</div>


</div>

</div>

</div>

Tulisan yang berwarna biru bisa anda ubah.

Posted in: tombol show-hide