spoiler button <div id="spoiler"> <div><input style="font-size: 11px; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div') ['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'] .style.display = '';this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value ='Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'] .style.display = 'none';this.parentNode.parentNode.getElementsByTagName('div')['hide'] .style.display = ''; this.innerText = ''; this.value = 'Tampilkan'; }" name="button" type="button" value="klik to preview" /></div> <div id="show" style="border: 1px dashed grey; display: none; margin:5px; padding: 2px; width: 100%;"> Isi Konten /* http://yusmanzz.xtgem.com */ </div><div id="hide"></div></div> spoiler button 2 <div><div><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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Buka Lagi'; }" style="margin: 0px; padding: 0px; width: 60px;" type="button" value="Buka" /> <div class="alt2" style="color: silver; border-right: 0px inset; margin-left: 60px; margin-right: 60px; padding-top: 0px;"><div style="display: none; padding-top: 0px;"> Isi Konten /* http://yusmanzz.xtgem.com */ </div></div></div></div> spoiler tanpa buton (tombol)
[Show] [Hide]
Ini Contohnya
<a id="show_id" onclick="document.getElementById('spoiler_id') .style.display=''; document.getElementById('show_id') .style.display='none';"> [Show]</a><span id="spoiler_id" style="display: none;"><a class="link" onclick="document.getElementById('spoiler_id') .style.display='none'; document.getElementById('show_id') .style.display='';"> [Hide]</a><br /> Isi Konten /* http://yusmanzz.xtgem.com */ </span>