Accordion BBCode

This is a BBCode Addition that will add the [expand] BBCode to your forum.

The expand tag creates a expandable/collapsable container to hold your content and should be very handy when it comes to organizing tutorials or any other extensive posts.

To use it you would just do [expand=caption]content goes here[/expand]
To see the example, you can click on this link (to see the hack installed on an actual Vbulletin Forum)

Not only can text can be put in an accordion box. You can put anything that you would want in between the expand tags!

Before asking any questions please read the readme of which installation you want (manual or auto). The readmes explain all that is necessary for installing this add-on.

***UPDATE march 8th/2005:
modified the code to auto-expand if person viewing a box does not have javascript enabled. now only one installation is needed (accordion_install.php).
--
optimized javascript function to be quicker.
--
made installing even easier, now uses relative paths (no more search n' replace)
--

-Enjoy!, JaGx

[pimpery]

Originally Posted by k40tic

Man what does a man have to do around here to get some credit for his work. :nervous: I'm the one who fixed it and yoyo just quoted my fix is all. I don't really care though man I'm just giving you a hard time.

hehe, didnt notice k40tic. thanks for the fix, even though it was a simple linebreak haha just givin you a hard time as well. enjoy the hack, and it still works for 3.07 incase you dont know.

[utw-Mephisto]

Finally installed it
Great one, automatic script is running smoothly

[k40tic]

I know it was a line break is the reason i don't care. I never even really changes anything so in reality I never fixed anything. Actually never mind. I want a trophy for coming up with the easiest fix ever. The easy fix MVP trophy. I also want dancing bananas to come to my house and perform for my kids.
:banana: :banana:
Seriously though man this hack makes life easier for me so thanks.

[sirbutts]

when is this hack going to be up for Hack Of The Month? i would vote for it, because you would think by the time u made it, that someone else woulda made it before you, but no, no one did. so its a breakthrough!! :nervous:

[pimpery]

lol i dont think itll get hack of the month. there are a lot so much more complex than it. it has come in handy a lot though on my tutorial site.

[memorex]

I like the hack and installed it. I do have a suggestion sence I'm dumb and wouldn't know what to do to add it. But is there a way to make it so that you can have the user select expanded or unexpanded as default in their usercp for when the code is used in a thread. I'd love to use both versions simply because I'd rather everything be closed when I first go into the thread. However that java issue is preventing the use of that hack due to some of my users complaints hehe. Just a thought. I do love the hack though It makes scrolling not so tidious on the long articles.

[pimpery]

FIX BELOW:
Please remember to replace the instance of http://yoursite.com/forum with the url to your forum.
This fix will just output a regular div, aka which is an expanded accordion box, if there's no javascript enabled since its in the noscript tags. Otherwise, it will use the document.write javascript function to write out a "display:none" styled div, which is aka a collapsed accordion box.

<div class='panel'>{option}&nbsp;&nbsp;&nbsp;&nbsp;<img src='http://yoursite.com/forum/cpstyles/vBulletin_3_Silver/cp_expand.gif' border='0' onclick="expandit(this);" onload="document.write("<div style=\'display:none;\'");"><noscript><div></noscript><br><table class='vbmenu_popup'><tr><td>&nbsp;&nbsp;<td>{param}</td><td>&nbsp;&nbsp;</td></tr></table><br></div></div>

[sirbutts]

yeh, you should have. this new addition is great. people viewing the site with javascript-disabled, to avoid popups, still can see everything! thanks pimpery. this hack just keeps getting better

[pimpery]

Originally Posted by sirbutts

yeh, you should have. this new addition is great. people viewing the site with javascript-disabled, to avoid popups, still can see everything! thanks pimpery. this hack just keeps getting better

sirbutts, no bugs or anything?
if u find any pm me.

[J.C.]

Wow nice hack... this could be useful for spoilers... *click install

Anyway what's the difference between expanded and collapse?

Thanks!