Spoiler BB Code with Show/Hide Button

[Deadly Stream]

Due to this (http://www.vbulletin.com/forum/showthread.php?363883-Internet-Brands-claims-against-Xenforo) I have decided to leave the vBulletin community and no longer wish to have my work associated with it.

Apologies to those who use this work.

[Q-v-n-s-Q]

not bad, another bbcode tag??, thank you for the mod

[Karri]

Um.... Did you "decided to make [your] own" or did you lift this bb code off my forum (which happens to be well established and the same subject as yours) and pass it off as your own work? The code you posted is identical to the BB Code on my site.

[Charlie98902]

Sorry to hear it is identical code but is there a screen shot of it hidden and unhidden? I have been looking for something like this.

[sava700]

Ok, i've got a code similar to this for my youtube wraps but I've got a button to add the code around the text I highlight.....is there a button for this to use other than typing [spoiler] etc around the text?

[pab]

For some reason the only thing that shows up when I click on the show button is Hide text (the phrase in the div part).

What am I doing wrong?

[sava700]

For some reason the only thing that shows up when I click on the show button is Hide text (the phrase in the div part).

What am I doing wrong?

nothing, I have the same problem with it too.... something is missing or whatever from the code.

Suggestions to fix and suggestions to my question earlier please?

[Tulsa]

<a href="https://vborg.vbsupport.ru/showthread.php?t=110598" target="_blank">https://vborg.vbsupport.ru/showthread.php?t=110598</a>

Works perfectly on 7.2 and I've been using this one since 3.5

[KatieG]

https://vborg.vbsupport.ru/showthread.php?t=110598

Works perfectly on 7.2 and I've been using this one since 3.5


Me also

[cclaerhout]

This kind of code had already been posted a long time ago on vbulletin.com ^^

[Skyrider]

For some reason the only thing that shows up when I click on the show button is Hide text (the phrase in the div part).

What am I doing wrong?
Same for me, and I'm using 3.7.1

[agitated]

find:
<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"> <div style="display: none;"> Hide Text </div> </div> </div>


replace with:

<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"> <div style="display: none;">{param}</div> </div> </div>

or replace Hide Text with {param}

HTH

[Zacarias]

Works like a charm with agitated's edit. :D

[agitated]

Um.... Did you "decided to make [your] own" or did you lift this bb code off my forum (which happens to be well established and the same subject as yours) and pass it off as your own work? The code you posted is identical to the BB Code on my site.

It would appear as if that may be true Karri.
Certainly is one reason why {param} is missing as it would not show on the page source.

[students_forum]

this won't work for firefox 3, am I the only to realise?

[Seshat Diva]

Easy to follow, successfully installed.

My members will enjoy having this feature.

Thanks so much for creating easy to follow steps!

[Vaupell]

tx for the fix,, the param at the end needs to be closed to work missing a } at the end of param. else works fine,

marked installed

[VargTimmen]

This is the fixed replacement code:
<div style="margin:20px; margin-top:5px"> <div class="smallfont" style="margin-bottom:2px"> <u>Spoiler</u>: <input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName(' div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }"> </div> <div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"> <div style="display: none;">{param}</div> </div> </div>

[giankar]

Can I hide spoiler content from being viewed by visitors?

[JαρŘα?σoζ]

Nice modification...
Anyway, how about if I want to add a custom header?

The code:
1 2 3

The result:
Spoiler for Test:
<--The Text-->

Can anyone help me with this? Thanks...

[JαρŘα?σoζ]

Nice modification...
Anyway, how about if I want to add a custom header?

The code:
1 2 3

The result:
Spoiler for Test:
<--The Text-->

Can anyone help me with this? Thanks...

Got it !!!

<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px"><b>Spoiler</b> for <i>{option}</i>: <input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName(' div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }">
</div>
<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;">
<div style="display: none;">
{param}
</div>
</div>
</div>

[Gator Bite]

Just installed this. It works just the way I was hoping.

Your code is missing the closing } after "{Param". Just a heads up.

[Nook_Neformat]

anyone knows how to make spoiler work with rss?