Wiki Spoiler Code

surreality

I just finished this up today, and it isn't MU* code -- so it didn't seem to fit there.

Anyway, these are pretty easy. Note: the text will hop around a little when these expand, but life goes on; you'll have an automatically expanding/collapsing section (default collapsed) with the potential spoiler content hidden. (It may flash visible for a fraction of a second, but that's javascript for you.)

Add to the bottom of Mediawiki:Common.css:

.spoiler .mw-collapsible-toggle,
.mw-content-ltr .spoiler .mw-collapsible-toggle {
	float: left !important;
	padding-right: 8px;
}

Create a new page, titled Template:Spoiler

Paste in the following, and save the page.

<includeonly><div class="spoiler mw-collapsible mw-collapsed" data-expandtext="View Potential Spoilers" data-collapsetext="Hide Potential Spoilers"><div class="mw-collapsible-content"><br>
{{{text|{{{1}}}}}}
</div></div></includeonly>

To use the template on any given page:

{{Spoiler|text}}

Text: enter whatever text you want here, can be multiple paragraphs, but cannot include = signs or | symbols.

If you need to use a pipe symbol (for a link or similar stuff), create a pipe template if you don't have one already. That one's easier -- create a page called Template:!

The only text on the page should be a single pipe symbol:

^ Yep, just like that. Save it and you're done. Then if you need a pipe symbol anywhere in your spoiler template (or any other templates on your wiki), you can pull it up with this: {{!}}

A lot of wikis have this set up due to other code requirements, but just in case yours doesn't, that's how to do it, and what that thing is.

Hopefully this helps somebody out.

Zobi

Thank you for this. I am trying to teach myself how to make wiki magic and stuff like this really, really helps me out!

Kudos to you on your awesome.