Add-On Releases - Cool Spoiler Tag[jQuery]

Hey, everyone!

Follow the instructions below to implement a nice spoiler tag.

Files to edit:
Main CSS
SHOWTHREAD

1 Style Manager >> All style options>> Main CSS
Scroll all the way down and find:

PHP Code:

/* Header and Navbar CSS */ 

Paste ABOVE:

PHP Code:

/* Spoiler */
#slidingDiv {
    display: none;
    height:150px;
    background-color: #d0e0f0;
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #FF5B00;
} 

______________________________________
2. SHOWTHREAD
Find:

PHP Code:

<body onload="$onload"> 

In the next line, paste:

PHP Code:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript"> 
//<![CDATA[
function showSlidingDiv(){
$("#slidingDiv").animate({"width": "toggle"}, { duration: 1000 });
}
//]]>
 
 
</script> 

________________________________________________

3. Add Custom BBCode
Title:

Spoiler

BB Code Tag Name:

spoiler

Replacement:

PHP Code:

<a href="#" onClick="showSlidingDiv(); return false;"><span style="font-family:Comic sans ms;color:#0099ff;font-size:14px;">Spoiler</span></a><br />
    <div id="slidingDiv">{param}<a href="#" onClick="showSlidingDiv(); return false;">hide</a> 

Example:

[spoiler]hide this text[/spoiler]

4. Save... Done... Enjoy!

P.S. Feel free to customize the font, color, size etc =]

Mark As Installed if you use this Mod

[Xtrigit]

Reserved

[ChopSuey]

<a href="https://vborg.vbsupport.ru/showthread.php?t=243699" target="_blank">https://vborg.vbsupport.ru/showthread.php?t=243699</a>

Posted twice?

[Xtrigit]

My browser refreshed the page, I had opera refresh/reload pages every 1 minutes and forgot to disable it. =]

[funmasti]

thanks mate, can u generate a XML file for it? so that users can easily install the mod

[Randhal007]

can't with multiple spoiler

[Mr.samy]

very good to use google ajax library in code to cut more time page load ..
I give it try .... thanks