Show and hide several divs when clicking on links
<p>So the situation is like this:</p>

<p>I have several links, each with one hidden div that needs to be shown when the user clicks the specific link. Of course the already visible div from another link need to be hidden in the same operation. All of the divs are hidden by default.
I was thinking that the simplest way is to assign an id active to the child div of the link clicked and then show() #active, afterwards at every click on another div I would hide the #active id, assign it again to another div and then show the id. Is it possible and how would the code look like?
Yes I am a Jquery newbie. The html code looks like:</p>

<pre><code>&lt;div class="nav"&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;a href="#" title="show phone #(403) 454-5526"&gt;Call us&lt;/a&gt;
            &lt;div class="navLinks"&gt; (403) 454-5526 &lt;/div&gt;
        &lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Visit our website&lt;/a&gt;
               &lt;div class="navLinks"&gt; Content Here &lt;/div&gt;
        &lt;/li&gt;
        &lt;li&gt;&lt;a href="#"Email us&lt;/a&gt;
               &lt;div class="navLinks"&gt; Content Here &lt;/div&gt;
        &lt;/li&gt;
        &lt;li&gt;&lt;a href="#"&gt;Send to a friend&lt;/a&gt;
               &lt;div class="navLinks"&gt; Content Here &lt;/div&gt;
        &lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;
</code></pre>
