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/

[wat3v3r]

Originally Posted by JacquiiCooke

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

Ah i uninstalled it as my users complained they were feeling like they were in sea or something with the screen going up and down xD

I was using Opera then, but the spoiler was working okay on your Demo, but kinda refused to work on our forum :/

[JacquiiDesigns]

Originally Posted by wat3v3r

Ah i uninstalled it as my users complained they were feeling like they were in sea or something with the screen going up and down xD

I was using Opera then, but the spoiler was working okay on your Demo, but kinda refused to work on our forum :/

Your users need a life vest. Nothing wrong with sea water :P

I use Opera about 99% of the time - the 1% is when I'm testing my site for cross-browser compatibility. So it's not an issue with opera. There may have been a javascript conflict - but I really cannot say without seeing it on your forum.

[Tanapangarap]

Neat. Thanks, Jacquii.

[JacquiiDesigns]

You're welcome Kevin = Enjoy!
I think I shall post this on TAZ too - may be of use to some members there.
Glad to see you here at the .org

[Mukashi]

Out of interest, any idea if this would work on vB4? The spoiler tag I've been using on my forum since 2004 has broken on our 4.1.1 beta test forum.

[JacquiiDesigns]

Originally Posted by Mukashi

Out of interest, any idea if this would work on vB4? The spoiler tag I've been using on my forum since 2004 has broken on our 4.1.1 beta test forum.

In theory - it sure should. A bbcode is a bbcode.
Don't quote me on that though - I'm not very familiar with vB 4 - but yes - it should work.
Let us know if it does

[godarmy]

it will be nice...if u add another icon to as alternatif...or PSD off the h2_trigger_a.gif...so it can be edited....

[JacquiiDesigns]

Originally Posted by godarmy

it will be nice...if u add another icon to as alternatif...or PSD off the h2_trigger_a.gif...so it can be edited....

I only shared the code and graphics I made for my own site.
You are free to create your own images. It's not too difficult.
I'll be happy to create a custom bar for you as a paid request .
PM me if interested Otherwise = Enjoy the spoiler code

[Mr. Flowers]

I've installed this and I am also experiencing a flash open and close of the button.
www.streetfighter4forums.com

Edit: So removed /forum from the url and now it opens, closes and then opens for good. If I close it does the same thing. Close, open then permanent close.

M forum doesn't have /forum in the url. It has /board for the home page and /showthread for threads.

[JacquiiDesigns]

See the original post:

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/

But it looks like you've decided to go with another spoiler code from the looks of this. IDK...