<style type="text/css">
#spoiler {
background: #dddddd;
border: #000000 1px solid;
}
 
#spoiler .head {
background: #e0e0e0;
display: block;
padding: 3px;
font-weight: bold;
}
 
#spoiler .text {
display: block;
border-top: #000000 1px solid;
padding: 5px;
}
</style>
 
<script type="text/javascript">
<!--
//Spoiler Script
//Written by Dranew
//Do not rip or claim as your own.
 
if(location.href.match(/view_topic/)) {
  var post = get('td','tag');
  var sid = 0;
  for(a=0;a<post.length;a++) {
    if(post[a].className == "post") {
      post[a].innerHTML = post[a].innerHTML.replace(/\[spoiler\]/g, "<div id='spoiler'>").replace(/\[\/spoiler\]/g, "</div>");
    }
  }
  for(b=0;b<post.length;b++) {
    if(post[b].className == "post") {
      var div = post[b].getElementsByTagName('div')
      for(c=0;c<div.length;c++) {
        if(div[c].id == "spoiler") {
          var spoil = div[c].innerHTML
          div[c].innerHTML = "<span class='head''><a href='javascript:dispSpoil("+sid+")' id='sl"+sid+"'>Open Spoiler</a></span><span class='text' style='display: none;' id='s"+sid+"'>"+spoil+"</span>";
          sid++
        }
      }
    }
  }
  function dispSpoil(ID) {
    var spoilText = document.getElementById("s"+ID)
    var spoilLabel = document.getElementById("sl"+ID)
    spoilLabel.innerHTML = (spoilLabel.innerHTML == "Open Spoiler")? 'Close Spoiler' : 'Open Spoiler';
    spoilText.style.display = (spoilText.style.display == "none")? '' : 'none';
  }
}
 
//-->
</script>