How do I get the current content to hide it?
<p>I need to hide the content that is displayed in a div and replace it with other content when the user clicks a link. All of the content is inside of a div#content. Each content selection is then inside another div.</p>

<pre><code>&lt;div id = content&gt;
    &lt;div id = defaultTabs class = contentContainer&gt;content&lt;/div&gt;
    &lt;div id = html5Tabs class = contentContainer&gt;content&lt;/div&gt;
    &lt;div id = css3Tabs class = contentContainer&gt;content&lt;/div&gt;
    &lt;div id = jqueryTabs class = contentContainer&gt;content&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>When the page first loads <code>defaultTabs</code> has css that sets <code>display:block</code>. The rest are hidden via css on <code>.contentContainer { display:none;}</code>. When a nav link is clicked the currently displayed content needs to be hidden and the new selection displayed. </p>

<p>I do not know how to get the currently displayed content, if someone could explain how to do that, I can do the rest of it.</p>
