How to capture the href attribute of an internal link in jQuery and use the value of # for selecting a div tag Id
<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>
