scrollBottom - jQuery

You can view my CodePen of the issue I'm having here: [login to view URL] So you'll see that when you click on one of the 3 nav buttons the content rotates to a different position. What's actually happening here is that the entire page (html & body elements, and all children) are actually changing position to the right/left. Here's the script that I'm using to accomplish that: $(function() { $('#nav a').on('click',function(event){ var $anchor = $(this); $('body, html').stop().animate({ scrollLeft: $($[login to view URL]('href')).offset().left }, 1000); [login to view URL](); }); }); Basically, I want the 4th line to be $('.who-what-where-wrap').stop().animate({ but this doesn't work for me.. This would almost be perfect if I could target the div with class="who-what-where-wrap" to scroll/offset around rather than the body & html elements, (as found in the 4th line of the script) which is the wrapper to the content of my 3 tabs. I need this to be fixed with a combination of CSS & JS, directly inside of a forked CodePen. It's vital that no content moves at all aside from what's in '.who-what-where-wrap', so this means that '#top-wrap' as well as '#footer' are not moving with the page. For this project it is very important that you understand what exactly I'm asking for before applying - reply back with your favorite food so that I know you've read this, otherwise I won't read your response.