title: show/hide content using jquery or ajax
body: <p>currently I am designing a webpage <a href="http://taylortomasini.me/projects" rel="nofollow">link</a>.  On the projects tab of the site I am running into an issue since I am inexperienced in proper protocol (sorry).  On the side menu there is going to be an option to select for some content to be displayed (CAD, FEA, MATLAB, ect.) and then whichever is selected will be displayed in the main content section of the site.  The problem I am running into is that when I use javascript/jquery to have all of the content on 1 page and then show/hide the various sections as the user selects using anchors, the page loads very slowly since there is quite alot of content.  I was wondering if it is better to use AJAX for a situation such as this and if so, how would I go about loading this new content within the content section (use an iframe or create a new page?<em>i dont know ajax well yet but am willing/eager to learn</em>) or if it is better to stay with standard jquery show/hide and if so, what makes one more preferred then the other?   This content I am loading is going to be static content btw</p>