title: One file site design using Visibility on DIV classes/IDs
body: <p>I'm building a one-page(one file) site and want to get insight as to whether or not I'm taking the most practical and intelligent approach.  The site is a simple site for a graphic designer.  It has 4 "pages" which are "about me", "contact", "work", and "photos." What I want to do is have 4 divs(absolutely placed in the same spot) with only one visible at a time.  When you click any of the links it turns the visibility of the others off and the clicked link on.  There are a few ways I could do this though:</p>
  
  <ul>
  <li>Should I use Visibility to show/hide the layers?</li>
  <li>Should I use Z-Index to show/hide the layers?</li>
  <li>Is jQuery the best way to handle this?</li>
  <li>Is using classes such as .visible .hidden the best way to cycle which divs are shown/hidden?</li>
  <li>Any other tips to doing this for maximum efficiency?</li>
  </ul>
  
  <p>I know some will tell me to just use separate pages but the site is simple with thumbnails and most of the size is in the header and jQuery script honestly.  The thumbnails are fairly small and I don't see a point to making the site with more than one page if I don't have to.  </p>
  
  <p>Thanks for any insight.  </p>