JQuery-animated Spoiler BBCode
 

I've looked for a spoiler bbcode here at vB.org and did not find any to suit my need. So...

Brought to you by JacquiiDesigns.com - Here is a really nice spoiler bbcode that's animated with jquery. See a live example at BBCode Test: JPiC Forum For Writers

Directions are simple as sugar-free apple pie:

1. Upload both "spoiler" and "images" folders to your forum root directory
2. Add Custom BB Code via your AdminCP: AdminCP ==> Custom BB Codes ==> Add New BB Code

Input the following info in your BB Code Manager:

• Title: Spoiler Tag
  
  
• BB Code Tag Name: spoiler
  
  
• Replacement:
  HTML Code:

  ---

  <link rel="stylesheet" type="text/css" href="http://your_forum_url/forum/spoiler/spoiler.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

        $(".toggle_container").hide();

        $("h2.trigger").click(function(){
                $(this).toggleClass("active").next().slideToggle("slow");
                return false;
        });

});
</script>

<h2 class="trigger"><a href="#">Click To Show/Hide Hidden Content</a></h2>
<div class="toggle_container">
        <div class="block">
                {param}
        </div>
</div>

  ---

• Example: [spoiler]See? This is hidden text![/spoiler]
  
  
• Description: This creates a hide/show spoiler tag that is hidden by default. Once the bar is clicked, the hidden contents will be shown.
  
  
• Use {option}: No
  
  
• Button Image: images/editor/spoiler.png

---------------
---------------

See example at http://jpicforum.info/forum/recycle-...html#post35010

PLEASE NOTE:
You'll need to edit in the replacement code your_forum_url/forum/ to be your own forum url.
If your forum url is http://www.mysite.com/forum/ -- then edit your replacement code to www.mysite.com/forum/

I'll give it a shot. ;)

((Gasp!))
I'm used to using your modifications - it's strangely awesome that you'd use something I share = Enjoy! :)

Nice stuff Jacquii.

Like your spoiler version a lot and it usses jquery too :D

Thanks a bunch!

You're very welcome Fresh = Enjoy ;)

Thanks this is great.

Jacquii, that is quite a nice looking spoiler tag! :cool:

Yeah - I like it.
I saw some others posted here - but none had the smooth transition as I liked - so I went hunting ==> thought I'd share :)

Ya'll enjoy.

Haha i tried this on our forums and a very strange thing happened when i installed it. Whenever someone clicked on it to view the spoiler, it would show and hide, show and hide the message for like 5-6 times on it's own and then just hide back xD

Click install and I may very well assist :P
Okay... Anyway - which browser did you see this issue in?