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.



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]

Originally Posted by 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>

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

Spoiler Forocoches... Yes!