Spoiler Tags

From Barbelith

This is the code to create spoiler tags:

[<strong onclick="document.getElementById('spoiler2').style.display = 'block'" style="cursor: pointer;">+</strong>] [<strong onclick="document.getElementById('spoiler2').style.display = 'none'" style="cursor: pointer;">-</strong>] <strong>Spoiler</strong> <em id="spoiler2" style="display: none; margin: 0.5em 1em 0 1em; border: 1px solid #666; background: #eee; color: #000; padding: 0.5em;">YOUR SPOILER TEXT IN HERE</em>

Copy and paste that into your post, stick the bit of secret information you're revealing where it says "SPOILER TEXT IN HERE" and you should have a wonderful hidden message.

BUT WAIT -- if someone has already used this code on the page, you're going to have to change the Element ID. See the three places in that code where it now says "spoiler2"? (They're after both instances of ElementById... and the em id=...). You'll have to change that to something else. It could be "spoiler3," or it could be "imadethisaspoiler" or it could be "greatcaesarsghost". As long as it's the only one with that ID on the page.

For the sake of convenience, it might be easiest if you simply made it one greater than the most recent spoiler post ("spoiler3" , "spoiler4" and so on). But for the sake of creativity, you may have other ideas.

There's more detailed explanation of this (and some easier versions of cut & paste code) here, in a Policy thread (http://www.barbelith.com/topic/22168/from/140#post702259).

Back to Etiquette & Functionality