BB Code Enhancements - 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:

  <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/

[Boofo]

I'll give it a shot.

[JacquiiDesigns]

Originally Posted by Boofo

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!

[FreshFroot]

Nice stuff Jacquii.

Like your spoiler version a lot and it usses jquery too

Thanks a bunch!

[JacquiiDesigns]

Originally Posted by FreshFroot

Nice stuff Jacquii.

Like your spoiler version a lot and it usses jquery too

Thanks a bunch!

You're very welcome Fresh = Enjoy

[EddyMaxx]

Thanks this is great.

[KW802]

Jacquii, that is quite a nice looking spoiler tag!

[JacquiiDesigns]

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.

[wat3v3r]

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

[JacquiiDesigns]

Originally Posted by wat3v3r

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?