Collapsing Divs

[ViciousCode]

This mod is like a show/hide spoiler bbcode, but more features, has the ability to show/hide anything you want, with nice fade effects

Step 1. Upload the .js files from the archive to your forum clientscript folder

Step 2. Edit Your Style

This can go into the Main CSS of the style, or inside headerinclude template


<style>
.offtopicComment
{
cursor: pointer;
margin: 10px 0 0 0px;
background-color: #fff8fb;
border: #ffc0db 1px solid;
border-left: #ffc0db 1px solid;
color: #000000;
padding: 8px;
}
.offtopicText
{
margin: 15px 0 0 0;
width: 100%;
color: #c71c65;
background-color: #fff8fb;
}
.offtTitle
{
margin: 15px 0 0 0;
width: 100%;
color: #c71c65;
background-color: #fff8fb;
}
.OffTopicC
{
cursor: pointer;
margin: 10px 0 0 0px;
background: #E4F9FC;
border: #1DC2E0 1px solid;
border-left: #1DC2E0 1px solid;
color: #0F577D;
width: 98%;
padding: 8px;
}
.OffTopicText
{
margin: 15px 0 0 0;
}
</style>


this goes inside the header include template (make sure to replace forum-url with your forum address!

<script type="text/javascript" src="forum-url/clientscript/bbcode.js"></script>
<script type="text/javascript" src="forum-url/clientscript/effect_class.js"></script>

Step 3.

create a new bbcode, and open BBCODE.txt, copy the code inside and paste it inside in the replacement box

<div onclick="showOfftopic(this, 'Off-Topic Comment')" class="OffTopicC">
<span style="font-weight: bold;" id="offtTitle">Off-Topic Comment</span>
<div id="cLayer" style="display: none;" class="OffTopicText">{param}</div></div>

if you want a special title for the box, enable the option field,
copy the code below and paste it inside the replacement box

<div onclick="showOfftopic(this, '{option}')" class="OffTopicC">
<span style="font-weight: bold;" id="offtTitle">{option}</span>
<div id="cLayer" style="display: none;" class="OffTopicText">{param}</div></div>

[ViciousCode]

Note: This Mod works with vBulletin versions 3.6 to 4.0

[mbc100]

nice mod thanks

[saadessa]

nice yhank you ......installed

[AzzidReign]

This is good! Thanks.

[tgralex]

I have installed and voted - it is a great thing!
One question, if I have recursive structure like


..................Main Level
..................
................................Sub Level 1
..................

..................
................................Sub Level 2
..................


When I expand Main - it works as expected, but when I try to open Sub Level 1 or Sub Level 2, it actually collapses entire structure as if I click on Main Level's header.

Would be nice to support recursion in your BB code.

Thanks!