test
 

derp
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Answer:</b> <input value="Show" style="margin: 0px; padding: 0px; width: 45px; font-size: 10px;" onclick="if(this.parentNode.parentNode.getElements ByTagName('div')[1].getElementsByTagName('div')[0].style.display != 'inline')
{ this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'inline'; this.innerText = ''; this.value = 'Hide'; }
else
{ this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value='Show'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset; padding: 6px;">test
<div class="spoiler" style="display: none;">{param}</div>
</div>
</div>

lame

<div style="padding: 3px; background-color: #FFFFFF; border: 1px solid #d8d8d8; font-size: 1em;"><div style="text-transform: uppercase; border-bottom: 1px solid #CCCCCC; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;"><span onClick="if (this.parentNode.parentNode.getElementsByTagName(' div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>hide</a>'; } else { this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>show</a>'; }" /><b>Derp: </b><a href="#" onClick="return false;">show</a></span></div><div class="quotecontent"><div style="display: none;">test</div></div></div>

<div style="padding: 3px; background-color: #FFFFFF; border: 1px solid #d8d8d8; font-size: 1em;"><div style="text-transform: uppercase; border-bottom: 1px solid #CCCCCC; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;"><span onClick="if (this.parentNode.parentNode.getElementsByTagName(' div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>hide</a>'; } else { this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Derp: </b><a href=\'#\' onClick=\'return false;\'>show</a>'; }" /><b>Derp: </b><a href="#" onClick="return false;">herr</a></span></div><div class="quotecontent"><div style="display: none;">{durr}</div></div></div>

<a id="show_id" onclick="document.getElementById('spoiler_id').sty le.display=''; document.getElementById('show_id').style.display=' none';" class="link">[Derp]</a><span id="spoiler_id" style="display: none"><a onclick="document.getElementById('spoiler_id').sty le.display='none'; document.getElementById('show_id').style.display=' ';" class="link">[Hide]</a><br>herrderr</span>

<div id="showwithbox_id" onclick="document.getElementById('spoilerwithbox_i d').style.display=''; document.getElementById('showwithbox_id').style.di splay='none';" style="border:dotted 1px; width:200px; height:100px;">Click anywhere inside the box to show spoiler.</div><div id="spoilerwithbox_id" onclick="document.getElementById('spoilerwithbox_i d').style.display='none'; document.getElementById('showwithbox_id').style.di splay='';" style="display:none;border:dotted 1px; width:200px; height:100px;">spoiler_content<br><br>Click anywhere inside the box to hide spoiler.</div>

F U Rogaine.

Derp
<div id="spoiler" style="display:none">
HERR
</div>
<button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('sp oiler') .style.display='none'}">Show/hide</button>