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/

[lowlight]

Is there a way to add the spoiler tags to the quick edit bar?

[BadaTurkiye]

does not work when we add more than one spoiler. spoiler turns on and off.

[Deimos]

Originally Posted by BadaTurkiye

does not work when we add more than one spoiler. spoiler turns on and off.

Yea I get the same on my forum.

[Hall of Famer]

Umm the spoiler tag works, but not the css. I am getting this from the forum...

[JacquiiDesigns]

Originally Posted by Hall of Famer

Umm the spoiler tag works, but not the css. I am getting this from the forum...

Make sure you upload images to the correct folder.

[Hall of Famer]

I made sure the files are upload to the forum root directories, it just doest work.

[JacquiiDesigns]

Indeed it does work - what's your forum url and link to a test thread with spoiler?
I'd only tested with one spoiler, so apologies to those of you with multiple spoiler issues.

J.

[bigs15]

when i click preview it working fine.But after i post thread it shows like this


Uploaded with ImageShack.us

Thanku

[dizzynation]

how do we use the magic wand in the images folder?

[JacquiiDesigns]

Originally Posted by dizzynation

how do we use the magic wand in the images folder?

I have absolutely no idea what you're talking about.

J.