hi Tom,
The problem you're experiencing isn't because of the folding out of the containers.
It's because you have href="#" links on the <a> your clicking on.
Because the browser can't find the named anchor your <a> points to it just scrolls the page up.
Links that start with "#" are to jump to a named anchor somewhere on the page.
My guess is you did this because the <a> than shows a hand cursor when you hover it, but that can be done with CSS also.
just add
- .paperHead > a{
- cursor:pointer;
- }
to your CSS and the link has a hand cursor.
And just delete the href="#" from you links and it will work a lot more like you want it to.
Hope it helps,
Superficial.