Example of the problem: 

http://www.yun0.net/slidertest/test1.html

I need two things on one page: 
a) the fancy collapsible div effect with fancy buttons that toggle "show/hide" accordingly.
b) a fancy page transition effect 

I've found the following two scripts that have the functionality I need:

for a): Animated collapsible DIV
http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

for b): Non-Jquery Page Transitions lightweight 
http://www.fasw.ws/faswwp/non-jquery-page-transitions-lightweight/

I've put them both together in a file, and here's what happens. They seem to work together, at first. When the page first loads, the collapsible div behaves nicely. But once I've clicked a link that triggers the slide transition to the next page (which also features collapsible div), the collapsing no longer works. Go back to page one, collapsing no longer works there either. So activating the transition kills the collapsing. 

I've been losing sleep over this for two days now. I can't find a solution. As I'm more of a designer than a coder, I can't figure out how to fix it. I don't even know if it's possible? Should I just give up all together? 

Any hint of help will be greatly appreciated.