how do i make a spioler tag?

[Sai01]

how do i make a spoiler tag where the user clicks show to show the message? i've tried using a code i had with 3.0.7 but didn't work.

[Kirk Y]

Here's one that you have to highlight the text... I've seen a clickable one, but am having trouble locating it again.

Title: Spoiler
Tag: spoiler
Replacement: <div style="margin:20px; margin-top:5px">
<div class="smallfont">Spoiler: (<i>Highlight this box to see the hidden message.</i>)</i></div></font>
<pre class="alt2" style="margin:0px; padding:$stylevar[cellpadding]px; border:1px inset; width:$stylevar[codeblockwidth]; height:{$blockheight}px; overflow:auto"><div dir="ltr" style="text-align:left;"><table bgcolor=#E1E4F2><tr><td><font color=#E1E4F2>{param}</font></td></tr></table></div></pre>
</div>
Example: Here's how the movie ends: The butler did it!
Description: The [spoiler] tag allows text to be hidden until the reader highlights the spoiler box to reveal the text.
Use {option} = no

Here's one that requires you to mouseover a blacked out spot to reveal the text, or spoiler as the case may be.
https://vborg.vbsupport.ru/showthread.php?t=77917&highlight=spoiler (https://vborg.vbsupport.ru/showthread.php?t=77917&highlight=spoiler)

[Sai01]

is there a clicking one? i'm looking for a clicking one.

[Dream]

not a clicking one

https://vborg.vbsupport.ru/showthread.php?s=&threadid=82876

problem with those is if there is something wrong with browsers and compatibility with <div> collapse/expand, the text could appear in some browsers without you clicking