jQuery Forum

Hey,

The reason the page keeps jumping is because the side buttons are link elements (you know <a/> elements) with a hash (#) on the end. This tells the browser to go to an element on the page with '#'  ... which isn't there. Therefor it jumps to the top. Simple solution:

1. //Change this in the paperhead click event
   
2. $('.paperHead').click(function (event) {
3.       //Prevent the link click
4.       event.preventDefault();
5.      
   
6.       //Keep the rest of you function the same

Hope this helps.

Greetz,

Rick

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

1. .paperHead > a{
2.       cursor:pointer;
   
3. }

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.

Lol Rick,

Seems you beat me to it ;)
Both suggestions will work btw..

Superficial.

@superficial : Yep both solutions will work :)
@kolazuk: I know I'm not superficial :)

I'm Superficial :)