title: How to capture the href attribute of an internal link in jQuery and use the value of # for selecting a div tag Id
body: <p>I have an a navigation which contains links such as:</p>
  
  <pre><code>&lt;a href="#div1"&gt;DIV 1&lt;/a&gt;
  &lt;a href="#div2"&gt;DIV 2&lt;/a&gt;
  &lt;a href="#div3"&gt;DIV 3&lt;/a&gt;
  </code></pre>
  
  <p>Also I have three div tags as follow</p>
  
  <pre><code>&lt;div id="div1"&gt; SOME CONTENT &lt;/div&gt;
  &lt;div id="div2"&gt; SOME CONTENT &lt;/div&gt;
  &lt;div id="div3"&gt; SOME CONTENT &lt;/div&gt;
  </code></pre>
  
  <p>I want that when I click on </p>
  
  <pre><code>&lt;a href="#div1"&gt;DIV 1&lt;/a&gt;
  </code></pre>
  
  <p>then it shows the content of </p>
  
  <pre><code>&lt;div id="div1"&gt; SOME CONTENT &lt;/div&gt;
  </code></pre>
  
  <p>and hide all other DIV tags and so on..</p>