Spoiler BB Code - jQuery Smooth Scrolling

Spoiler BB Code - jQuery Smooth Scrolling

Mod Version: 2.00, by 1Unreal

This thread is in the Modification Graveyard.

vB Version: 3.8.x	Rating: (1 vote - 5.00 average)	Installs: 12
Released: 11 May 2009	Last Update: Never	Downloads: 63
Not Supported Template Edits Code Changes External Content

Ive not seen a very pretty spoiler BB code so I thought I would make one. It uses some really simple jQuery code so its very easy to modify with some other cool effects

http://www.theflickzone.com/tutorials/846-spoiler-bb-code.html#post1561
How to install

Open up the admin CP and go to the BB Code manager.
Add a new BB code and add all the settings you think are appropriate.
For the HTML replacement use the following code:
HTML Code:
```
<p><span class="spoiler">{param}</span></p>
```

Then open up your style manager and go to headinclude and add the following code:

HTML Code:

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() { 
	$("span.spoiler").hide();
	 $('<a class="reveal">Reveal Spoiler &gt;&gt;</a> ').insertBefore('.spoiler');
	$("a.reveal").click(function(){
		$(this).parents("p").children("span.spoiler").fadeIn(2500);
		$(this).parents("p").children("a.reveal").fadeOut(600);
	});
});
</script>

Then youre done!

Download

This modification cannot be downloaded.

BB Code Enhancements Spoiler BB Code	vBulletin 3.7 Add-ons
BB Code Enhancements jQuery Spoiler BB Code - Smooth Scrolling	Modification Graveyard

vBulletin LTS