Hi Lynne, thanks.
The version i use on my forum is this
<div style="margin: 0px;">
<div class="smallfont" style="margin-bottom: 2px;">
<strong>Spoiler!</strong> <input value="Show" style="margin: 0px; padding: 0px; width: 45px; font-size: 10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName ('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: 0px inset; padding: 0px;">
<div class="spoiler" style="display: none;">{param}</div>
</div>
</div>
It is not working. I tried the code you send me but it doesn't open i.e., txt or image would show once i click on the blurry stuff.
(I don't know why they have given it a class when they haven't even defined the class in the CSS and instead using it inline.)
They're using Ruby on Rails, not sure how that language works with css.