title: HTML document pagination without jquery
body: <p>I have a large page having a lot of divs and all these divs are enclosed in a single div. And I have number links on the top of the page equal to the total enclosed divs I have. Now what I want to do is, on click on a number, I want to show only div correspnsding to that number and hide all other.</p>
  
  <pre><code>links--&gt; 1 2 3 4 5 6 7 .....
  &lt;div id="all"&gt;
    &lt;div id="mail1"&gt;..........&lt;/div&gt;
    &lt;div id="mail2"&gt;..........&lt;/div&gt;
    &lt;div id="mail3"&gt;..........&lt;/div&gt;
    &lt;div id="mail4"&gt;..........&lt;/div&gt;
    &lt;div id="mail5"&gt;..........&lt;/div&gt;
    &lt;div id="mail6"&gt;..........&lt;/div&gt;
    .....and so on
  &lt;/div&gt;
  </code></pre>
  
  <p>I have to do it inside an HTML and that HTML will be stored and may be viewed offline as well, so cannot use jquery here. Have to do it using javascript itself.</p>
  
  <p>Could anybody help me with the javascript code here.......</p>