Custom Spoiler

Custom Spoiler

Mod Version: 1.00, by orange gold

vB Version: 3.8.2	Rating: (3 votes - 5.00 average)	Installs: 26
Released: 18 Apr 2009	Last Update: Never	Downloads: 3
Not Supported Re-usable Code Is in Beta Stage

please leave feedback

...

The following bbcode creates a spoiler which allows you to give a button a title then when the button is pressed it reveals the text inside

Title:

Code:

Spoiler

BB Code Tag Name

Code:

Spoiler

Replacement:

HTML Code:

<div>
    <div class="pre-spoiler">
    <input type="button" value="{option}" style="width:450px;font-size:14px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = '{option}';}">
    </div>
    <div>
        <div class="spoiler" style="display: none;"><div style="border: 1px solid ;">{param}</div></div>
    </div>
</div>

Example:

Code:

[spoiler=enter your title here]enter your text here[/spoiler]

Description:

Code:

shows and hides text with the click of a button

Remove Tag If Empty: Yes

ENJOY!

Download

No files for download.

Screenshots

BB Code Enhancements Custom Title Spoiler Button	vBulletin 3.8 Add-ons
Spoiler Tag	vBulletin 3.5 Template Modifications

vBulletin LTS