Tuesday 10 March 2015

Trik HTML - Tombol Spoiler (Show Hide) Diposting Blog (3)

Membuat tampilan seperti dibawah ini
Spoiler: Show Hide

Berikut Kodenya


Kode Disini >>



<div>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px; text-align: center;">
<span style="font-weight: bold;">Kode Disini &gt;&gt; </span><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 class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

((( PASTE ISI DISINI )))
</div>
</div>
</div>

SELAMAT MENCOBA

0 komentar:

Post a Comment

  © Ratna-Always For You The Transformers by Blog Tips And Trick 2009