title: Single page site with css menu, need javascript to fade content in and out depending on clicking the nav
body: <p>I have a HTML page with a CSS menu. </p>
  
  <p>I want to make this a single page website with the relevant content fading in and out when the CSS menu is clicked. </p>
  
  <p>I want to be able to keep an .active class so that the user can see what content is being shown by the nav bar.</p>
  
  <p>E.G.
  So if you click on 'about' a div called 'about' fades in with the content for that section (this must be a responsive content area). When you then click on contact the about content fades out and the contact content fades in. I dont know where to start with this pls help.</p>
  
  <p>An example of what im looking for is here <a href="http://www.farewelljr.com" rel="nofollow">http://www.farewelljr.com</a></p>
  
  <p>and my page is here <a href="http://www.hogshouse.com/beardsonwheels/index.html" rel="nofollow">http://www.hogshouse.com/beardsonwheels/index.html</a></p>