Spoiler BB Code - jQuery Smooth Scrolling
 

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 https://vborg.vbsupport.ru/external/2011/01/23.gif

Heres a demo

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!

<i>Demo not working</i>. Can you provide screenshots which will be helpful

Theres nothing much to see in a screenshot.

The demo will be working shortly.

EDIT: its working now

I'm glad you chose to incoporate my suggestion, but why was my post about it deleted?

Did you say the bit about the display CSS attribute?

If so the last thread was deleted because there were no files. This is a re-post

There was a spoiler before, looking just like yours. I had it on my forums.
This doesn't work without reloading, right? That is why i deleted it on my
site.

Nope...explain what you mean

he means that when you make the post and use the spoiler mod here, you have to refresh the page in order for it to work... if you don't refresh, nothing happens when you click on it... got a fix for this, cuz if you can work out that issue, then this hack is great

thank you!