jQuery show / hide - am i over thinking this?
<p>So i am using the jQuery Min Tools "Overlay" plugin, and im thinking that i over thought this entire process..</p>

<p>I have an image map (yes i still use image maps).  with its coords for 3 separate areas:</p>

<pre><code>   &lt;map name="Map" id="Map"&gt;
    &lt;area shape="poly" coords="7,13,146,14,147,68,116,68,117,123,4,124" href="#" rel="#know" /&gt; 
    &lt;area shape="rect" coords="118,70,290,227" href="#" rel="#facility" /&gt;
    &lt;area shape="poly" coords="262,5,260,68,290,69,291,169,380,170,379,6" href="#" rel="#detect" /&gt; 
    &lt;/map&gt;
</code></pre>

<p>Now, when the page initially loads i have a DIV that displays the introduction content:</p>

<pre><code>&lt;div id="mammogram-content"&gt;
     &lt;div id="intro"&gt;
          &lt;h2&gt;header&lt;/h2&gt;
               &lt;p&gt;content here&lt;/p&gt;
     &lt;/div&gt;&lt;!--end Intro --&gt;


&lt;/div&gt;&lt;!--end mammogram-content--&gt;
</code></pre>

<p>So when the visitor comes to the page they see that introduction content.
then they can click on the 3 areas on the image map, and when they click the introduction content will fadeOut and the new content will fadeIn.</p>

<p>here is the script i am using now, along with jqery tools min.js</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function() {
    $('area[rel]').overlay();

        $('area[rel]').click(function() {
            $('#intro').fadeOut(500);
        return false;
        });


});
&lt;/script&gt;
</code></pre>

<p>the intro fades out fine, but the 3 other divs i cant get to fade in withouth all 3 of them fading it at the same time, which i dont want...i want to display each div individually in the container as they click on them..:</p>

<p>you can see a horrible attempt here: <a href="https://www.bcidaho.com/mammography/" rel="nofollow">https://www.bcidaho.com/mammography/</a></p>

<p>i also can not get the 3 DIVS to sit inside the container properly...</p>

<p>can i simplify this somehow?  do i really need jquery min tools to show and hide divs inside a container using [rel] and an image map??</p>

<p>hopefully i conveyed this properly, my direction at least.</p>
