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/

[ViciousCode]

the script should go in the headerinclude template instead of the bbcode

[snowlion]

It didn't work with IE.

[JacquiiDesigns]

Originally Posted by ViciousCode

the script should go in the headerinclude template instead of the bbcode

That's another way to do it yes. But not the only way obviously.
And the placement of the javascript should not have any effect on how the bbcode functions.
I posted it this way in consideration of those who may not be very familiar with template edits.

Originally Posted by snowlion

It didn't work with IE.

IE sux and it's not on my supported list of browsers.
I didn't test the code in IE, as I don't use it personally except for checking cross-browser compatibility issues. It does seem to work just fine for me in Opera, Firefox, Chrome, Safari and a host of other browsers - so perhaps IE is at fault...?
I will ask though - which version of IE did the code not work for you in?

[snowlion]

I didn't test the code in IE, as I don't use it personally except for checking cross-browser compatibility issues.

Yes, and you didn't use it this time

I will ask though - which version of IE did the code not work for you in?

Internet Explorer 8 and 9 beta.

[JacquiiDesigns]

Originally Posted by snowlion

Yes, and you didn't use it this time


Internet Explorer 8 and 9 beta.

LOL - that would be correct.
Anyway - IDK of a fix for IE and I'm not going to search for one either.
If you find a way to make this bbcode compatible in IE - then by all means share the fix

[Boofo]

Originally Posted by JacquiiCooke

IDK of a fix for IE and I'm not going to search for one either.
If you find a way to make this bbcode compatible in IE - then by all means share the fix

You might want to re-think that position, Jacquii. There are a lot of IE8 users out there that would miss something this nice by not being able to use it. Just my 3.5 cents worth.

[JacquiiDesigns]

Originally Posted by Boofo

You might want to re-think that position, Jacquii. There are a lot of IE8 users out there that would miss something this nice by not being able to use it. Just my 3.5 cents worth.

I could re-think it yes - but it wouldn't do a bit of good, as I have no idea why IE is having issue parsing the code when it works just fine in all other browsers. I also advise my site users that Opera, Chrome, Firefox and Safari are excellent and preferred alternatives to IE. It's up to them whether they continue to use what I and a lot of other folks see as a subpar browser :P

But you can certainly feel free to sort the issue with IE - I'm sure we'll all appreciate it

[Boofo]

Originally Posted by JacquiiCooke

I could re-think it yes - but it wouldn't do a bit of good, as I have no idea why IE is having issue parsing the code when it works just fine in all other browsers. I also advise my site users that Opera, Chrome, Firefox and Safari are excellent and preferred alternatives to IE. It's up to them whether they continue to use what I and a lot of other folks see as a subpar browser :P

But you can certainly feel free to sort the issue with IE - I'm sure we'll all appreciate it

I completely agree with your feelings on IE, as I use Opera myself. But a lot of people out there do use IE so we are stuck with that until they wise up.

I will see what I can find for a fix for the IE problem, if there is one to be found.

[JacquiiDesigns]

Originally Posted by Boofo

But a lot of people out there do use IE so we are stuck with that until they wise up.

I will see what I can find for a fix for the IE problem, if there is one to be found.

I refuse to be stuck - seems the story of my life actually and where the bulk of my animosity springs from....

If you find a fix for the IE UGH though - I'm sure I will not be the only one appreciative of your efforts

Jacquii.

[JacquiiDesigns]

Originally Posted by Dimoks

This spoiler don't working after edit text in post
vb 3.8.7

yes it does = follow instructions to the letter and you should have no issues with it...except for the IE issue, which has been reported in previous post.

J.