title: How to perform click event with single button to select different DIV
body: <p>Hi i am having the div structure as follows</p>
  
  <pre><code>&lt;div id="header"&gt;HI&lt;/div&gt;
  &lt;div id="content"&gt;HI Good morning &lt;/div&gt;
  &lt;div id="footer"&gt;Last &lt;/div&gt;
  </code></pre>
  
  <p>Initially all the divs will be visible. I am having a button at the top of the page. On the first click cursor has to come in First <code>&lt;div id="header"&gt;HI&lt;/div&gt;</code> on the second click cursor should move to  <code>&lt;div id="content"&gt;HI Good morning &lt;/div&gt;</code> and on third click cursor would move to  <code>&lt;div id="footer"&gt;Last &lt;/div&gt;</code> and Viceversa.</p>
  
  <p>Please anyone help on this.. Thanks in advance.</p>