Hi all,

 

I am new to JQuery and have been plodding along learning at a slow but steady rate. There is however one problem that I can not figure out how to solve (more than likely I can not find the appropriate terminology for it). I have attached a test version of the site below:

 

http://www.kolodotschko-design.com/hosted/kdtest/

 

The top of each page expands each piece of paper out to view its contents. The problem comes when spread the first two pages down and then scroll down to open the third. When I do the page jumps back to the top.

 

Everything is working technically but I really want the view port to stay at the same position (maybe even centralise viewport to where the mouse had been clicked at the top of the page).

 

As for the code, it all needs tidying up, streamlining and primping, but at the moment its just code on paper stage for me!

 

Thanks all,

 

Tom