show hide content problem

Question

Hi,

I am working on a show/hide script (jQuery) for my portfolio.

I use a parallax script which is the portfolio part. What i want is that when i click a button, it shows the same paralax script but with different content.

I thougt it was easy, but something goes wrong. You can find the portfolio here: http://www.luukratief-design.nl/dump/parallax/para.html

When you click "show photography" (on the bottom right) it shows the other parallax content, but it somehow shifts to the right and the bottom.

Any ideas would be apreciated.

Codesnippet:

// basic show and hide
 $(document).ready(function() {
     $('div.showhide-photography').hide();

     $('#photography').click( function() {
         $('div.showhide-websites').hide();
         $('div.showhide-photography').show();
    });

});