SCRIPT BUTTON TABLE

<div style="text-align: center;"> 
<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 = 'CLOSE COY !'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'OPEN KONTEN'; }" type="button" value="OPEN KONTEN" class='buttons'/></div>
<div class="konten">
<div style="display: none;" class='isi-spoiler'>1. COMPUTER<br />2. SOURCE SCRIPT<br />3. MENGENAI KOMPUTER<br />4.<br />5.<br />6.<br />7.<br />8.<br />9.<br />10.</div>
</div>

<style>
/*SPOILER CUSTOM*/
.buttons{background:#555;border-radius:4px;border-radius:2px solid #ddd;box-shadow:0 0 0 1px #555;font:bold 14px Verdana;color:#ddd;padding:4px;
}
.buttons:hover{background:#b00;color:#fff;cursor:pointer;box-shadow:0 0 0 1px #555,0 0 5px #000
}
.konten{width:100%;margin:5px auto 0;
}
.isi-spoiler{width:auto;background:#999;border-radius:5px;border:2px solid #fff;box-shadow:0 0 0 1px #888,inset 0 0 0 1px #888;font:12px Verdana;color:#fff;padding:10px;
}
</style>

No comments:

Post a Comment