Help with BBCODE Spoiler

[odarriba]

Hello.

I would like to create this effect.

When someone clicks on the white part of the text is displayed in black.

https://vborg.vbsupport.ru/external/2015/01/4.gif

Sorry for my english.

[ozzy47]

Do a search for spoiler, there is a bunch of spoiler mods available.

[odarriba]

I assure you that I have seen almost every mod there but in particular I wish it were so.

If you can not ... thanks anyway.

[MarkFL]

Try this in the "Replacement" field of your custom BBCode:

<div style="padding-left: 10px">
<b>Spoiler: </b><span style="color: #A0A0A0">[ pulsa para ver ]</span>
<div style="border-radius: 6px 0px 0px 6px; border: 1px inset black; margin-right: 40%; margin-top: 5px" >
<div style="cursor: pointer" title="Click to Reveal Contents" onclick="if (this.firstElementChild.style.visibility == 'hidden'){this.firstElementChild.style.visibility = 'visible'; this.title='Click to Hide Contents'} else {this.firstElementChild.style.visibility = 'hidden'; this.title='Click to Reveal Contents'}">
<div style="visibility: hidden; padding: 5px">
{param}
</div>
</div>
</div>
</div>

[odarriba]

Try this in the "Replacement" field of your custom BBCode:

<div style="padding-left: 10px">
<b>Spoiler: </b><span style="color: #A0A0A0">[ pulsa para ver ]</span>
<div style="border-radius: 6px 0px 0px 6px; border: 1px inset black; margin-right: 40%; margin-top: 5px" >
<div style="cursor: pointer" title="Click to Reveal Contents" onclick="if (this.firstElementChild.style.visibility == 'hidden'){this.firstElementChild.style.visibility = 'visible'; this.title='Click to Hide Contents'} else {this.firstElementChild.style.visibility = 'hidden'; this.title='Click to Reveal Contents'}">
<div style="visibility: hidden; padding: 5px">
{param}
</div>
</div>
</div>
</div>

Magnificent! Thanks for your help nobody knew how to do it or did not understand me.

Spoiler Forocoches... Yes! :D