Miscellaneous Hacks - Collapse Animation

===============
This mod will not be updated anymore
please see https://vborg.vbsupport.ru/showthread.php?t=233425
===============


By using this mod you can add slide in and opacity effects to your regular collapse buttons anywhere in VB powered pages, even in custom mods

see demo: http://tinypic.com/player.php?v=29pxafp&s=6
(ignore the mouse pointer, it's because of my screen capture software)

How to install:
- upload the attached javascript file called "collapse_anime.js" to "clientscript" directory
- add JS include codes to the "headinclude" area of template of the pages you want this hack to function
note: if you want to make it global, add to the main "headinclude" template, tho if you do this, on forumdisplay page you will have two calls for YUI Animation

JS Include codes:

<script type="text/javascript" src="{vb:raw vboptions.bburl}/clientscript/yui/animation/animation-min.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript" src="{vb:raw vboptions.bburl}/clientscript/collapse_anime.js?v={vb:raw vboptions.simpleversion}"></script>

Troubleshooting Note
This file extends/overrides some functions of vbulletin-core.js file so make sure that JS Include codes are inserted after vbulleting-core.js file, otherwise things will break

Update Log
==============
Version 1.1
- Runs faster (smoother)
- Forum Categories are excluded now, effect applies to everything else including Forum Sidebar Blocks, CMS Blocks, Blog Blocks etc..

Version 1.2
- Runs much more smoother

Version 1.3
- Bug fixes, code cleanup

[beduino]

Hi

thanks for the article

A question: you test with principal browsers?
Ie 7 and 8, Firefox, Chrome and Safari?

[winstone]

Please refer to YUI supported browsers chart http://developer.yahoo.com/yui/articles/gbs/index.html

*YUI Animation utility has A-Grade support

[beduino]

Thank you
All the best

[Kolbi]

Does it need much ressources?

[winstone]

Originally Posted by Kolbi

Does it need much ressources?

javascript is only client side so it will only effect the viewer not the server, btw except the core YUI animation utility, the attached js file just overrides some default functions in vbulletin-core.js file, includes 2-3 lines of extra code

[durdan1]

Can you expalain what you did to make it look like the demo? Is that a sidebar that goes in the forums? If so I love the way it looks ,but have no idea how to make it like that.

[winstone]

it's the default sidebar in blogs, viewing it in IE, I didn't do anything extra

[Mythotical]

Anyway to make this collapse the whole side bar instead of using on individual boxes in the sidebar?

[winstone]

that requires a separate JS function or probably some template modifications, it's not something this mod been designed for