title: How to view only one section in html
body: <p>Can someone please help me with something. Im building a website and it includes html5. The thing that i dont understand is using the <code>&lt;section&gt;</code> function.</p>
  
  <p>Preview</p>
  
  <pre><code>&lt;section id="1"&gt;
      &lt;a href="#2"&gt;click her to go to section 2&lt;/a&gt;
  &lt;/section&gt;
  </code></pre>
  
  
  
  <p>this is the section 2</p>
  
  <pre><code>&lt;section id="2"&gt;
  
  &lt;!-- html source where &lt;p&gt; and etc will go --&gt;
  
  &lt;/section&gt; Closed Section
  </code></pre>
  
  <p>The section above is what i only want to be seen in the webpage instead of showing section 2. Its pretty much like having many pages in 1 just without reloading or scrolling down.</p>
  
  <p>In my css i have scroll bar locked, and ive tried many things to make that section to only be show on the webpage. Im kindof learning new html5 functions and im experiencing the things now</p>
  
  <p><a href="http://jsfiddle.net/K2w49/" rel="nofollow">http://jsfiddle.net/K2w49/</a></p>